Here's an absolutely essential bit of code for any web designer working with CSS.
We've all run into the wealth of inconsistent CSS renders that take place with IE compared to all other browsers.
As a way of avoiding many of these issues, you should always start your CSS file with the following code:
html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6 {
margin: 0;
padding: 0;
border: 0;
outline: 0;
font-size: 100%;
}
This will ensure that any relevant CSS elements have been set with a 0 value prior to any other CSS elements being defined. By doing this you are ensuring that IE & other browsers handle some of the available CSS elements in a consistent way.
It won't fix all the issues with IE, but it will certainly help some of them!
