IE6 and IE7 rendering issues

Question

How do I get my pages in IE6 and IE7 to render the height like in IE8 and Firefox? right now in both IE8 and Firefox the page dimensions is 1024 x 800 but in IE6 the dimensions are 1024 x 859 and IE7 the dimensions are 1024 x 855.

Answer 1

There could be a few reasons for this including padding, margins, and the way that IE6 treats height as min-height (an article I wrote). Try explicitly setting your padding and margins and using the following CSS:

#container {min-height:200px; height:auto !important; height:200px;}