It is so frustrating to work with <select/>'s in IE.
Let's try this for instance:
var sel = document.getElementsByTagName("select"); alert(sel === sel.options);
This is false in every browser (as it should be) except IE(9)!
This means that if you have a function that accepts HTMLElements AND NodeLists, there is no way of distinguishing between a select and its options in IE.
Let's try something else:
1 2 3 4 5
<select name="make"> <optgroup label="Alfa Romeo"> <option>Giulietta</option> </optgroup> </select>
Now try to change the optgroup label's font-style to normal (it's bold and italic).
Cannot be done! How do you explain that to a customer?
Please Microsoft, fix these issues.