title: Negative margin causes border to disappear in IE7
body: <p>Example: <a href="http://jsfiddle.net/xUrDc/" rel="nofollow">http://jsfiddle.net/xUrDc/</a></p>
  
  <p>I'm trying to surround each <code>li</code> with a border exactly one pixel wide. In order that the lines meet properly, I'm setting <code>margin-top:-1px</code> on each <code>li</code> (Otherwise the border is too thick between each).</p>
  
  <p>When I set my browser to IE7 in debug mode, the border at the top disappears. Can anybody tell me why this might be the case or suggest a better way to achieve the look I want?</p>