3行內塊divs之間的空格

這是我的jsfiddle，我有一個非常基本的問題。 http://jsfiddle.net/DQL2U/3行內塊divs之間的空格

爲什麼在三個選項卡（家庭，關於我，聯繫人）之間有一個小空間？我能做些什麼讓他們看起來相互加入？我發現這是一個經常遇到的問題，但無法找到解決方案。

<!DOCTYPE html> 

<html> 
    <head> 
     <title> 
      Burak Özmen - A Newbie Web Designer 
     </title> 
     <link rel="stylesheet" href="index.css"/> 
    </head> 

    <body> 
     <nav> 
      <a href="http://www.facebook.com"> 
       <div id="home"> 
        <p>Home</p> 
       </div> 
      </a> 
      <a href=""> 
       <div id="about"> 
        <p>About Me</p> 
       </div> 
      </a> 
      <a href=""> 
       <div id="contact"> 
        <p>Contact</p> 
       </div> 
      </a> 
     </nav> 
    </body> 

</html>

來源

2013-04-14 Burak Özmen