Bridging East and West with the latest in design, tech and business.

  • Steven Chen

    Steven Chen

    I am a senior UI/web designer at btrax. I like computer gadgets, anime, and games in general. :)

  • → Show All Articles

  • Aug 12, 2008

CSS double margin bug fix for IE6

After reading an article regarding this IE6 bug, I decided to share with anyone who needs this information to fix their website. So what’s the problem? Simply put if your float a block element to left, its margin will become double. IE6 only applies double margin when you are using margin on the same side of the object as you’re floating it, and the result is – your layout breaks as the image indicated.


If you see something like that happens, it probably because of this bug. So here’s the easy fix, just use “padding” instead of “margin”. Since there are still portions of population using IE6, it’s good to know this little trick.


About btrax

btrax is an Innovation Design company specializing in UX and Service Design to create innovative products and services on a global scale.

We drive results through our dynamic team of experts based in San Francisco and Tokyo, with backgrounds in design, technology, and marketing.


  • Products and Service Development
  • Brand Development and Growth Strategy
  • Innovation Workshops
Learn more about btrax or contact us at to see how we can help your business.

Like us on Facebook

Scroll to top

Like our blog?



Sign up to get useful articles, news and discounts to exclusive events in your inbox once a month!