IE seems to have a bug that when you scroll a page that has a CSS'd select box (combo box) it will not draw the select box properly. Instead the box is drawn transparently and filled with other random images from the page.
For instance:
goto HTTP://www.karaokedvd.net
NOW CLICK ON A "BROWSE BY CATEGORY" link from the left!
See the product category drop down box on the top of catview.asp? Scroll your page using your down arrow on the keyboard. It should break and get drawn wrong, but if you click on it, it will redraw only the text, but it will still have a random border from other images on the page:
If you click on the select, it will be fixed. If you resize the window, it gets fixed. So when windows redraws the screen it's fixed, maybe there is some way to force this with JS after trapping a scroll event?
I am using IE6. This bug is NOT in Firefox.. Please tell me it's because of something I'm doing wrong with my CSS or form tags?
Thanks
Joel
For instance:
goto HTTP://www.karaokedvd.net
NOW CLICK ON A "BROWSE BY CATEGORY" link from the left!
See the product category drop down box on the top of catview.asp? Scroll your page using your down arrow on the keyboard. It should break and get drawn wrong, but if you click on it, it will redraw only the text, but it will still have a random border from other images on the page:
If you click on the select, it will be fixed. If you resize the window, it gets fixed. So when windows redraws the screen it's fixed, maybe there is some way to force this with JS after trapping a scroll event?
I am using IE6. This bug is NOT in Firefox.. Please tell me it's because of something I'm doing wrong with my CSS or form tags?
Thanks
Joel
Last edited:














