Content of an iFrame is rendered on top of a scrollbar in Internet Explorer

Warning

The retired, out-of-support Internet Explorer 11 desktop application has been permanently disabled through a Microsoft Edge update on certain versions of Windows 10. For more information, see Internet Explorer 11 desktop app retirement FAQ.

This article provides information about webpages that contain iframe with scroll bars. The content of iframe may get rendered on top of the scrollbars. It is recommended to use Internet Explorer 9's standard mode to render webpages.

Original product version:   Internet Explorer 9 and later versions
Original KB number:   2689778

Symptoms

Consider the following scenario. You have a webpage that contains an iframe with scrollbars, and an HTML page is displayed within the iframe. In this scenario, the content of the iframe may get rendered on top of the scrollbars.

Cause

This problem can occur if Internet Explorer is using Quirks mode as the document mode.

Resolution

To work around this issue, use Standards Mode for Internet Explorer 9 and later versions to render the web page.

More information

This issue only occurs if the page is either using no document type declaration or is using a faulty document type declaration. This puts the browser into Quirks mode. Quirks mode follows non-standard rules introduced with Internet Explorer 5.5 and is still available for backwards compatible with legacy web pages that expect the non-standard behavior. Microsoft recommends using the latest available standard mode to render HTML pages.