In a project I'm currently working on, we have content pop up in ShadowBox from another page. The problem was that in Internet Explorer, a space on the right side of the iframe was appearing that made my background picture on the body tag and a div tag not line up.


I found out that it has to do with the scrollbar. If you resize the page, you can see that the space gets filled up by the vertical scrollbar.


So how do you fix it? It's simple.

Add overflow:auto to the body tag in your CSS.

body {

And voila! It's fixed:


Stupid IE.

Thanks to Keith Bucklen via Css Trick: Hide Disabled Internet Explorer Vertical Scrollbar