Horizontal overflow v css

Leachim

Zdravím, robím jeden web. Pomocou css mám spravený div s horizontálnym posúvaním a to nasledovne:

width: 100%;
overflow: scroll;
overflow-y: hidden;
height: 140px;

Okolo neho je ešte stránka, takže sa neroztiahne na plnú šírku rozlíšenia, ale le na cca 500px.

Ide konkrétne o toto. IE 5.5 OK, IE 6 OK, IE 7 OK, Opera 9.5 OK, Firefox 2 OK, Firefox 3 NIE.

V takmer všetkých prehliadačoch okrem Firefox 3.0.1 má div požadovanú šírku 550px a scrolluje horizontálne. Jeho celková šírka by bola cca 1700px.
Firefox 3 však toto scrollovanie ignoruje a div roztiahne na plných 1700px.

Opera 9.5
Obrázok

Firefox 2

Firefox 3

Viete mi niekto poradiť, ako upraviť kód, aby to fungovalo aj vo Firefoxe 3.0.1?

Ďakujem