Random text appearing in IE6

Hi,

I have a form that has select boxes and corresponding labels.

e.g.

[code]
<div id=”rfq_form”>
<label for=”ddlExistingFleet”>Existing Vehicles:</Label>
<select name=”ddExistingFleet” ID=”ddlExistingFleet”>
<option VALUE=”10″>1-10 Vehicles</option>
<option VALUE=”20″>11-20 Vehicles</option>
<option VALUE=”30″>21-30 Vehicles</option>
</select>
</div>
[/code]

and the css to style them:

[code]

#rfq_form label{
width: 175px;
}

#rfq_form select{
float: left;
margin-left: 25px;
width: 175px;
}
[/code]

Nothing too exciting and nothing difficult… and it looks fine in all browsers… except IE6. Grrrrrr. Basically what happens is that a copy of part of the label appears below the label and select box. I’ve included a screen shot to explain better than I can.

I’ve checked the source code and its not in there and its only IE6 that appears to be doing this. Does anyone know how to fix this?

Thanks

[/code]

[upl-file uuid=5633c5d6-8bd6-462b-b8e9-c4214c505c88 size=43kB]ie6_bug.jpg[/upl-file]

Also in #CSS _↴