News & Blog

IE6 Double Margin Bug Fix

Oh this one gets me every time so I thought I would make a note of it and share with everyone.

If you have a floated element in your webpage and have either a left or right margin applied to that element, IE6 doubles the margin size you have specified.

There is a simple fix for this. Apply the style…

display: inline;

…to you floated element and all will be fine again!

If you any of you have a simpler fix for this please comment below!

The sooner we no longer have to test in this dreadful browser the better!

×

Cart