title: IE 6/7 CSS Issue: Extra padding/margin on list item in unordered list
body: <p>I'm having an issue with IE 6 and 7 on a site I am building, which you can <a href="http://birthrecordslocator.com/" rel="nofollow noreferrer">see here</a>. There is some extra space suddenly  appearing between the sidebar and the unordered list for the menu.</p>
  
  <p>Here's IE6<br>
  <img src="https://i.imgur.com/NbbtO.png"></p>
  
  <p><br>
  Here's IE7<br>
  <img src="https://i.imgur.com/h2sUN.png"></p>
  
  <p><br>
  Here's IE8<br>
  <img src="https://i.imgur.com/VpKq5.png"></p>
  
  <p><br>
  and IE9 works as well<br>
  <img src="https://i.imgur.com/KiY68.png"></p>
  
  <p><br>
  As you can see, IE8 and IE9 work fine. The menu butts up against the sidebar. I have been fooling with it for awhile but haven't been able to fix it.</p>
  
  <p>The HTML structure is just a div > ul > li a</p>
  
  <p>I've zeroed everything out too with a CSS reset before writing any code. Does anyone have any idea what is causing this? </p>
  
  <p>Thanks a ton for the help</p>