Another very strange Mac IE rendering problem. I know, I know, I know stop supporting Mac IE already. Unfortunatly at $work nothing is quite that easy.
This time Mac IE's wonderful support (per half the blogs on the planet) for optgroup usage has bit me in the ass. It seems that when you use a multiple select with a size and style height:
<select size="6" multiple style="height=6em;" >
And then include a (or multiple) optgroups in that select. It cannot figure out what the correct option count to start displaying the scroll bar since it doesn't actually count the 'optgroup' element as a display element. An example:
According to Mac IE the size is '5' which is correct (in the javascript DOM) but it doesn't figure out that the display size is six (it seems to use 'select.length') so it never puts the scroll bar there causing the last element to be impossible to select. You have to pad it with blank options to the size of 'size'. Fun...
