I have an h2 within a div. Both of them have borders. The h2 has a height attribute and a margin. When I view my page in IE6, IE7, or IE8 compatibility view, the h2 is all the way at the top of the div as if the margin is 0. However, if I view it in any other browser, the h2 has some space above it like I would expect.
Can anyone tell me why this is happening and what to do about it. I am trying to make the page render in IE like it does in Firefox, without setting the height to auto.
Here is a page you can test to show the problem. Try viewing it in IE6 or IE7, then try it in any other browser:
CSS margin test
以上就是IE6 and IE7 do not handle margins properly on elements with height property的详细内容，更多请关注web前端其它相关文章！