Controls bleeding within iframe on scroll in IE6

I have content in an iframe, and when I scroll the main page (outside of the iframe), I get weird artifacts inside of the iframe, from the select and flash controls, in IE6.

How it should look (and does look in IE6 before scrolling the outer page):

How it looks after scrolling the outer page in IE6:

It works fine in other browsers, including IE7+. If I load the content within the iframe directly, and scroll the page, it doesn't happen. It only happens when it's embedded in the iframe.

It seems as though certain controls within the iframe are开发者_运维百科 scrolling with the outer page.

Thanks!

Your best bet may be to hide the iframe during the scroll event, or reflow the iframe after that event by resizing its width 1px smaller and then back to its original size. A reflow of the iframe should cause a redraw. You probably won't be able to make IE6 play 100% nice with iframe scrolling, etc.