ie6幽灵文字及解决办法

<!-- ie6 幽灵文字示例 -->
<div style=" 400px;">
    <div style="float: left;"></div>
    <!-- -->
    <!-- -->
    <span style="display: none;"></span>
    <!--[if !IE]>使用IE注释没有问题<![endif]-->
    <div style="float: right;  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注释
-->