title: Odd Internet Explorer 7 bug; not calculating padding on links correctly
body: <p>It would appear that I am suffering from a new bug in IE7, as I can't seem to find any reference to it anywhere else. It is best explained using screenshots, so here are a couple of links (and as a note, it's not a requirement for it to work in IE6, so I don't even want to know what it looks like under that!):</p>
  
  <p>How it should be displayed (using Safari 4):
  <a href="http://dl-client.getdropbox.com/u/45961/safari4.png" rel="nofollow noreferrer">http://dl-client.getdropbox.com/u/45961/safari4.png</a></p>
  
  <p>How IE7 is displaying it:
  <a href="http://dl-client.getdropbox.com/u/45961/ie7.png" rel="nofollow noreferrer">http://dl-client.getdropbox.com/u/45961/ie7.png</a></p>
  
  <p>Here's the CSS for that menu chunk:</p>
  
  <pre><code>    #mm #leftNav .navigation {
      width: 100%;
      margin-bottom: 0;
      float: left;
  }
  
  #mm #leftNav li {
      list-style: none;
      display: inline;
      margin: 0;
  }
  
  #mm #leftNav .navigation li ul {
      display: none;
  }
  
  #mm #leftNav .navigation li a {
      text-decoration: none;
      color: #ffffff;
      font-size: 11pt;
      padding-left: 20px;
  }
  
  #mm #leftNav .navigation li {
      cursor: pointer;
      margin-right: 4px;
      padding-left: 8px;
      padding-right: 8px;
      padding-top: 10px;
      padding-bottom: 8px;
      overflow: visible;
  }
  
  .menu_item {
      background: #419185; 
  }
  
  .menu_item:hover {
      background: #48a093;
  }
  
  .currentcat {
      background-color: #4aa8a6;
  }
  
  .currentcat:hover {
      background: #4aa8a6;
  }
  </code></pre>
  
  <p>And here is the HTML:</p>
  
  <pre><code>&lt;div id="mm"&gt;
      &lt;div id="leftNav"&gt;
          &lt;ul class="navigation"&gt;
              &lt;li class="menu_item"&gt;
                  &lt;a class="icon icon-base"&gt;Base&lt;/a&gt;
              &lt;/li&gt;
              &lt;li class="menu_item"&gt;
                  &lt;a class="icon icon-devices"&gt;Devices&lt;/a&gt;
              &lt;/li&gt;
              &lt;li class="menu_item"&gt;
                  &lt;a class="icon icon-management"&gt;Management&lt;/a&gt;
              &lt;/li&gt;
              &lt;li class="menu_item"&gt;
                  &lt;a class="icon icon-iptools"&gt;IP Tools&lt;/a&gt;
              &lt;/li&gt;
              &lt;li class="menu_item"&gt;
                  &lt;a class="icon icon-config"&gt;Configuration&lt;/a&gt;
              &lt;/li&gt;
              &lt;li class="menu_item"&gt;
                  &lt;a class="icon icon-admin"&gt;Administration&lt;/a&gt;
              &lt;/li&gt;
          &lt;/ul&gt;
          &lt;div id="subnav"&gt;&lt;/div&gt;
      &lt;/div&gt;
  &lt;/div&gt;
  </code></pre>
  
  <p>Any ideas?</p>