While working on my first project that completely uses css for layout rather than tables like I’m most used to and comfortable with I ran into a strange issue. Apparently there are some elements that have margins built in. In other words, if you set the “margin-top: 0px” then the element is rendered differently than if you don’t. I didn’t actually notice the problem until I was testing the site in IE7 which apparently doesn’t respect this functionality.
So far I have noticed that the h* elements and the ul element have this. Does anyone know where I can find the other elements online that have this? I tried searching around W3C with very little luck. I’m sure it is out there somewhere since all the modern browsers implement this correctly. I just don’t know where to find that information.
There may be small differences between browsers, but this, from the CSS 2.1 spec must be pretty close.
http://www.w3.org/TR/CSS21/sample.html