An interesting CSS, Form and Firefox problem

[USEdoug]

Hello to everybody here at webmastersworld! I'm developing a new website for a charity and I've come across an interesting problem regarding OPTION fields when using firefox. The page includes a donation feature (powered by paypal) that allows a user to choose how much they wish to donate through a jump menu (SELECT). The web page loads for the first time without any problems. If the page is then refreshed (without clearing the cache) the left side of the website goes underneath right. Please see the live examples below:

### Page with the OPTION fields in the SELECT field ###

If refreshed using the browser button (without clearing cache) will make the left hand css column appear at the bottom

:: ::

<select name="amount">
<option value="5" selected="selected">£5</option>
<option value="10">&pound;10</option>
<option value="20">&pound;20</option>
<option value="30">&pound;30</option>
<option value="50">&pound;50</option>
<option value="100">&pound;100</option>
</select>

### Page without the OPTION fields in the SELECT field ###

Keeping the SELECT field but without it's options seems to resolve the problem...

:: ::

<select name="amount"></select>

Does anybody have a take on what the problem could be? Thanks for your time.

[edited by: SuzyUK at 12:52 pm (utc) on Jan. 17, 2008]
[edit reason] Please No URI's [/edit]

[SuzyUK]

Hi USEdoug and Welcome to WebmasterWorld!

Links have been removed (please read [webmasterworld.com]) - but in the interests of a warm welcome, and to save going down the wrong path..

I took a look at both pages, and saw the problem (dropping left column) on BOTH :( - So I'm not so sure it's the options.. could it be the form itself?

if you can definitively narrow it to the form, where it doesn't happen with plain content in that column, try removing the default margins off the form. if that doesn't help post the skeleton structure, a minimum code sample showing the problem.

-Suzy