title: IE adds extra top-margin to every li-element
body: <p>I am currently doing IE-hacks on a website I'm working on:
  <a href="http://www.timkjaerlange.com/wip/co2penhagen/" rel="nofollow noreferrer">http://www.timkjaerlange.com/wip/co2penhagen/</a></p>
  
  <p>I got a problem with this unordered list. IE seems to add extra top-margin for every li-element, making my navigation look like a flight of stairs: 
  <a href="http://dl.getdropbox.com/u/228089/ie-prob.jpg" rel="nofollow noreferrer">http://dl.getdropbox.com/u/228089/ie-prob.jpg</a></p>
  
  <p>I'm using conditional comments to target IE. I tried:</p>
  
  <pre><code>ul#mainnav li { top-margin: 0;}
  </code></pre>
  
  <p>But that doesn't do anything. I wish there was a Firebug-style plugin for IE, that would make it easier to sort out problems like these.</p>
  
  <p>Any ideas regarding what could be causing this problem?</p>