li中包含span，在IE6、IE7下会有3pxbug

           如果给每个li里面加个span标签的话，在IE6，IE7下看，li与li之间的距离就会多了3px。

            解决方法：在li中加vertical-align:middle;

   <div class="contain">
        <div class="main">
            <ul>
                <li><span></span></li>
                <li><span></span></li>
                <li><span></span></li>
            </ul>
        </div>
    </div>

css样式：

  .contain
        {
            width: 40px;
            height: 140px;
            border: 1px solid red;
        }
        .main ul
        {
            margin: 0;
            padding: 0;
        }
        .main ul li
        {
            width: 35px;
            height: 35px;

            vertical-align:middle;
            list-style-type: none;
            border: 1px solid green;
        }

                                                          

       注意：如果li中如果包含div也会出现以上问题。

转载于:https://www.cnblogs.com/dreamhouse/archive/2013/03/14/2960421.html