ie6幽灵文字及解决办法

<!-- ie6 幽灵文字示例 -->
<div style="width: 400px;">
<div style="float: left;"></div>
<!-- -->
<!-- -->
<span style="display: none;"></span>
<!--[if !IE]>使用IE注释没有问题<![endif]-->
<div style="float: right; width: 398px;">这里会出现幽灵文字</div>
</div>
<script src="http://s0.qhimg.com/lib/jquery/172.js"></script>
<!--
出自： http://ipmtea.net/css_ie_firefox/201107/06_496.html 
出现时机：
父元素的宽度减去子元素宽度总和小于3px

影响幽灵文字字数的因素：
1. 父元素的内部有多个浮动元素。
2. 最后一个浮动元素前有隐藏元素：包括html注释和display：none的元素

解决办法(或)：
1. 在两个浮动元素中间不加注释或隐藏元素
2. 浮动的子元素加margin-right: -3px；
3. 隐藏元素外嵌套一个div
4. 使用IE注释
-->