IE 3px bug是一个与Internet Explorer浏览器相关的CSS布局问题，当两个相邻的div元素中其中一个使用了float属性时，它们之间会出现3像素的间距。
IE 3px bug 的原因：
默认行高和字号：IE6的默认字号为12pt，默认行高为normal。
浮动与非浮动元素：当一个元素设置了float属性，而相邻的元素没有设置时，在IE6下这两个元素之间会出现3px的间隙。
内联元素的空白间隔：如果图片的父元素是内联元素，也可能会出现3px的缝隙。
IE 3px bug 的解决方案：
调整字体大小：给包含图片或背景图片的div添加font-size: 0px;可以解决这个问题。
使用负边距：为已经浮动的div添加一条语句margin-right:-3px;。
设置display属性：对于图片，可以设置display:block;来修复这个bug。
垂直对齐：为img设置vertical-align属性，值可以是top|bottom|text-top|text-bottom等。
修改XHTML排版：改变XHTML排版，让img的后面紧跟标签（若没有文字的话）。
通过上述方法，可以有效地解决IE 3px bug问题，提高网页在各种浏览器中的兼容性和用户体验。