IE6 - CSS - 元素未正确浮动

Question

嘿，我一直在尝试编写一个菜单，而没有使图标固定宽度（只有填充左/右）并且它在除IE6之外的每个浏览器中都能正常工作。我检查了其他网站，他们就像我一样，但它适用于他们。 （看起来IE6忽略了浮动）。

你知道我该怎么做才能让它发挥作用吗？

还有来自firefox的图片：http://img192.imageshack.us/i/firefoxverze.jpg/ 对于IE6也是如此：http://img39.imageshack.us/i/ie6bug.jpg/

谢谢，迈克。

编辑：同样的问题似乎出现在这个网站上：http://www.mayercrocus.cz/

编辑2：请忽略我没有时间使.png图像透明的事实。

Answer 1

IE倾向于在元素上添加默认边距，而其他浏览器则不然。 尝试在css文件中添加margin:0;。也许这解决了你的问题。

Answer 2

你在浮动的错误元素上应用了浮动，而不是菜单。

所以，你可以删除float：left;从.menu_item和menu_item_2以及它到.menu_item a和.menu_item_2 a

第一个网站太混乱了。

但是，作为一项规则，总是尝试将“haslayout”赋予不适用于IE的元素。要做到这一点，只需添加zoom：1和position：relative（和其他on having layout） 也许这不是（唯一的）问题，但总是尝试这个。