The double margin float bug appears only on below IE7 versions (That is IE6, IE 5). The below example clearly explains the solution for this Double margin bug.

 

 

#content

{   float:left; margin-left:30px;    }         /* This takes double the margin value in IE6 */  

 

In order to fix this bug we should use the display property with the value as inline

 

 

#content

{   float:left; margin-left:30px; display:inline;    }         /* This works fine in all the browsers */