title: Strange gap between <div> elements in IE, not in FF or Opera
body: <p>I know this kind of question must get asked all the time but I haven't found a solution for my problem yet.</p>
  
  <p>Using FF, Opera and the IE that is on Windows 7 (can't remember what it is), the page looks exactly as it should, but using IE7 on Windows Vista, there is a gap between my navigation bar and the rest of the page which frankly makes it look stupid, and the illusion of tabbed pages is lost.</p>
  
  <p>I have a reset stylesheet to reset all the elements to have no padding, margins etc and FF, Opera and the IE on Windows 7 produce the page as they should, it's only IE7 (and I'm guessing earlier versions of IE) that don't.</p>
  
  <p>Here are 2 screenshots showing the problem, the first from FF/Opera/IE on Windows 7:</p>
  
  <p><a href="https://i.stack.imgur.com/juHCQ.jpg" rel="nofollow noreferrer"><img src="https://i.stack.imgur.com/juHCQ.jpg" alt="alt text"></a></p>
  
  <p>This one is from IE7 on Windows Vista:</p>
  
  <p><a href="http://img43.imageshack.us/img43/7558/figarosiegap.jpg" rel="nofollow noreferrer">alt text http://img43.imageshack.us/img43/7558/figarosiegap.jpg</a></p>
  
  <p>And here is a link to the actual website in question: <a href="http://www.figaros-ristorante.com" rel="nofollow noreferrer">Figaro's Ristorante</a></p>
  
  <p>Any ideas anyone?</p>
  
  <p>Thanks for your time.</p>