IE Bugs and Fixes

I have listed some common Internet Explorer bugs and solutions. I think this will able to help you condense the times spent on debugging the layout inconsistencies in IE.

Double Margin Bug Fix

If we have floated elements with margin left and/or right assigned, IE6 will double up the margin. For instance, margin-left:5px will become 10px. You can resolve that by adding display:inline to the floated element.

.wrapper {
float:left;
width:250px;
margin-left:10px;
display:inline;  /* fix the double margin error */
}

January 18th, 2010 by