In IE 5.5+ (not sure about IE7), when an absolutely positioned element intersects with a <select>, the <select> shows through it regardless of the element's superior z-index.

Apparently a solution seems to be to use an iframe as outlined here. This seems like a rather unpleasant solution, but the other solution is no nicer: simply hide (using display/visibility) the <select>s with javascript when the element is going to intersect over the <select>. One major drawback is that by hiding the selects you can make the user think your page is 'buggy'.

Which would you use? What do you think the drawbacks for each method are (particularly the iframe one)?