css ie7在行之间添加额外的空格

Question

我刚刚部署了一个站点，并提出了一些ie7 css问题，我想我应该已经预料到了。我在虚拟版本的IE7中调试有困难，我已经安装了debugBar和IETester，但我不能像你用Chrome或Firebug那样在视觉上看到元素上的填充或边距……

所以我问题的第一部分--它们是我可以在IE7中使用的工具，可以帮助调试css吗？

第二部分涉及两个不同页面上的元素。元素是一个UL，它在元素中呈现额外的空间，在另一个页面上它正确地呈现。

html为：

  <div id="nextSevenEvents">
  <ul id="nextSevenEventseventList">
    <li>
      <div class="dateEntry last span-6 last borderTop">  
        <div class="whatsOnDate last span-2 "> Fri 20 Apr</div>
        <div class="whatsOnTitle span-4 last">Ladies v Royal (Away) FR</div>
      </div>
    </li>
    <li>
      <div class="dateEntry last span-6 last ">  
        <div class="whatsOnDate last span-2 "> &nbsp;</div>
        <div class="whatsOnTitle span-4 last">Terry on hols</div>
      </div>
     </li>
    </ul>
  </div>

用于这些的css是：

   #div-whatson ul {
     list-style: none;
     padding: 5px 0 0;
     margin: 0;
   }
   .dateEntry {
     padding: 5px 0 0 0;
   }
   .whatsOnDate {
     font-size: 0.8em;
     line-height: 1em;
   }
     .whatsOnTitle {
     font-size: 0.9em;
     line-height: 1em;
   }

这里我漏掉了什么？

我的网站是基于蓝图的

谢谢

更新：#div=whatson是一个父元素，里面还有其他一些元素(省略掉它，否则我的代码就会一直写下去

Answer 1

尝试将此代码添加到您的CSS：

#div-whatson ul li {
    padding: 0;
    margin: 0;
}

Answer 2

你有一个id为'div-whatson‘的父元素来包装列表吗？您是否为body font-size设置了显式大小，因为继承可能会产生问题。

在调试IE版本时，一个非常方便的工具是IE9中的内置开发人员工具(用F12打开它)。在这里，您可以更改IE的版本。我不会指望这是100%准确的，但它是一个有用的工具。