I want to make an Iframe in the middle of my page so I don't have to mess with the main navigation bar at all and only change the content of those pages appearing in the middle, but here is the problem: the scrollbar. The center image on my page is exactly 695x433 pixels, and anything I toss in that isn't bigger than these dimensions has No problem, the scrollbars don't appear. However, when I direct a page to this that is bigger than 433 in height, the vertical scroll bar is enabled and pushes the page over, enabling the horizontal scroll bar (see the picture) when I'm looking for it to overlap and still keep that 695px and not add the extra pixel width with the scrollbar attached. Using overlap settings within CSS that hide the horizontal scrolling bar, it works perfectly in Firefox, but not in IE (you get the picture below). My css rules looks like this: iframe { overflow-x: hidden; } None of the overflow-y rules change anything. With this rule too, you get the bar overlapping the text, which you can't read. Thoughts? Is it even worth using Iframe or is there a far more simpler option. Picture: or simply go to bluelightbandits.com and hit 'Cast and Crew'