[html / css] overflow:scroll; width:100%;

Witam, chciałbym uzyskac pomoc w jaki sposb zrobic DIVa rozciagnietego na cała szerokosc z scrollem ?
Chodzi o cos takiego:

<div style="background-color:red; height:100px; width:100%; overflow:scroll;">

fffffffffffffffffffffffffffffffffffffffffffffffffffffffffffffffffffffffffffffffffffffffffffffffffffffffffffffffffffffffffffffffffffffffffffffffffffffffffffffffffffffffffffffffffffffffffffffffffffffffffffffffffffffffffffffffffffffffffffffffffffffffffffffffffffffffffffffffffffffffffffffffffffffffffffffffffffffffffffffffffffffffffffffffffffffffffffffffffffffffffffffffffffffffffffffffffffffffffffffffffffffffffffffffffffffffff

</div>

Problem pojawia sie kiedy usyawialm parametr width na 100%. Jezeli wpisze jakas konkretna wartosc w pikselach wszystko jest ok.

<div style="background-color:red; height:100px; width:100px; overflow:scroll;">

fffffffffffffffffffffffffffffffffffffffffffffffffffffffffffffffffffffffffffffffffffffffffffffffffffffffffffffffffffffffffffffffffffffffffffffffffffffffffffffffffffffffffffffffffffffffffffffffffffffffffffffffffffffffffffffffffffffffffffffffffffffffffffffffffffffffffffffffffffffffffffffffffffffffffffffffffffffffffffffffffffffffffffffffffffffffffffffffffffffffffffffffffffffffffffffffffffffffffffffffffffffffffffffffffffffffff

</div>

Zalezy mi jednak zeby podany DIV byl rozciagniety na cala szerokosc. i dopiero jego nadmiar dalo sie skrolowac.

Priosze o pomoc z gory dziekuje

Ale jaki problem ci się pojawia? Bo mi takie coś w najnowszych Firefox i IE działa bez problemu.

rodzic też musi mieć 100%, tj. ustaw width i height dla body i html

Obstawiałbym tutaj raczej dynamiczne ustawianie szerokości poprzez javascript.