EDIT:
This seems to be a problem with IE exclusively. Very simple to re-create, and it occurs regardless of what height (px or %) I set the DIV to.
So I have a page with a 100% width and height div. everything works fine except in IE, where it shows about 5px of unwanted space inside the div at the very bottom, which is annoying because when you scroll to the bottom of the div, you see it.
Can somebody explain to me what is going on here?
If i just remove the div and use the normal body tag for scrolling, the space disappears.
To re-create this, here is the code:
<html><body style='width:100%;height:100%;margin:0px;padding:0px;overflow:hidden;'>
<div style='width:100%;height:100%;margin:0px;padding:0px;overflow:auto;'>
<br />...x100
Are you kidding me IE?
</div></html>
and that’s it. Don’t know who voted this down, but come on this is literally the easiest code to re-create what-so-ever.
I’ve also tried adding
position:absolute;bottom:0px;left:0px;
to the div, no difference.
I used an HTML file with this source code:
I opened the file in IE and set the display mode to IE7.
I was not able to reproduce your issue…