我的HTML/CSS有什麼問題？

好吧我正在做一個導航欄的樣本，除了嵌套的li徘徊後，背景並沒有完全覆蓋空間。我的HTML/CSS有什麼問題？

我的HTML代碼都爲：

<!DOCTYPE html> 
<html> 
    <head> 
     <link rel="stylesheet" href="style.css" /> 
     <title>NavBar</title> 
    </head> 

    <body> 
     <div id="nav"> 
      <ul> 
       <li><a href="#">Home</a></li><li> 
       <a href="#">About</a></li><li> 
       <a href="#">Contact</a> 
        <ul> 
         <li><a href="#">Email</a></li> 
         <li><a href="#">Phone</a></li> 
        </ul> 
       </li> 
      </ul> 
     </div> 
    </body> 
</html>

我的CSS代碼都爲：

html, body { 
    margin: 100px; 
    padding:0px; 
    } 
#nav { 
    margin: 0px; 
    padding: 0px; 
    background-color: #909090; 
    font-familY: Courier; 
    font-size: 19pt; 
    color: #afc0ff; 
    } 
#nav ul ul { 
    display: none; 
    background-color: #909090; 
    } 
#nav ul li:hover > ul{ 
    margin: 0px; 
    padding:0px; 
    display:block; 
    position:absolute; 
    top: 100%; 
    left: 0px; 
    width: 100%; 
    } 
#nav ul li:hover { 
    background: #808080; 
    } 
#nav ul li { 
    margin: 0px; 
    padding: 10px 5px 10px; 
    list-style: none; 
    display: inline-table; 
    position: relative; 
    } 
#nav ul li a { 
    text-decoration: none; 
    color: #260026; 
    }

我的問題是：