Question

I am having a constant trouble with pages not rendering correctly between FF and IE. not my code below. “Select an Account” should be next to the drop down such as: Select an Account Type: “then my form” however my form goes to the next line when I want it next to “Select an Account”. In IE it renders correctly in FF it does not.

<p><b><strong>Select an Account Type
<FORM NAME="myform">
<SELECT NAME="mylist">
<OPTION VALUE="traditional">Traditional Account
<OPTION VALUE="paperless">Paperless Account

</SELECT>
</FORM></b></strong></p>

Answer 1

The problem is that the text “Select an Account Type” is “outside” the FORM element. And the FORM element has default margins and padding applied by the browser.

I suggest this code instead

<form name="myform">
<label for="mylist"><strong>Select an Account Type</strong></label> <select id="mylist" name="mylist"><option value="traditional">Traditional Account</option>
<option value="paperless">Paperless Account</option></select>
</form>

Hope this helps