That is a bug in Internet Explorer actually. Microsoft misinterpretted the CSS box model, implementing an incompatible one into IE.
You can make Mozilla and Opera 7 use the incorrect box model however:
* {
-moz-box-sizing: border-box;
box-sizing: border-box;
}
If I make the layer height 80 pixels and set the border to 1 pixel using CSS it looks fine in Internet Explorer but in Netscape 7 the border is added to the outside of the layer making the overall height 82 pixels. Is there any way to make it so the overal height is only 80 pixels but has a border in both browers? Thanks. |