IE6 added a large left offset to my element?

I have the below in FF

开发者_运维百科

But in IE6, I get

In debugBar, I get

Whats with the large offset.

http://jsfiddle.net/eteQ7/2/

There is a bug in IE6 known as "Doubled Float-Margin Bug". IE6 will double a left margin applied to a floated block element.

In order to avoid this behavior, you should use the fix suggested in this article, adding a display:inline; property to the element, e.g. in a CSS stylesheet loaded only for IE6 using conditional comments.