크롬에서 배경색이 표시되지 않습니다.

지금 약간의 과제를 수행 중이며 페이지가 IE에서만 올바르게 표시됩니다. div중 아무 것도 표시되지 않습니다.크롬에서 배경색이 표시되지 않습니다.

HTML

<body bgcolor="#949191"> 
    <div id="heading"> 
    <div id="banner"> 
     <a href="index.html"> 
     <img src="images/banner.jpg" alt="Crown Awards" style="border-style: none"/> 
     </a> 
    </div> 
    <div id="nav"> 
     <ul> 
     <li><a href="index.html">Home</a></li> 
     <li><a href="news.html">News</a></li> 
     <li><a href="contact.html">Contact</a></li> 
     <li><a href="about.html">About</a></li> 
     </ul> 
    </div> 
    </div> 
    <div id="content"></div> 
</body>

CSS

#heading{ 
    height:100px; 
    width:900px; 
    background-color:"#FFFFFF"; 
    border-radius: 10px; 
    -moz-border-radius: 10px; 
    -webkit-border-radius: 10px; 
    -khtml-border-radius: 10px;    
    display:block; 
    box-shadow: 10px 10px 5px #888888; 
    margin-bottom:10px; 
    position:relative; 
} 
#banner{ 
    width:415px; 
    float:left; 
    padding:20px; 
    vertical-align:top; 
} 
#nav{ 
    width:400px; 
    float:right; 
    bottom:0; 
    right:0; 
    position:relative; 
    display:block; 
    background-color:"#003399"; 
    border-radius: 10px; 
    -moz-border-radius: 10px; 
    -webkit-border-radius: 10px; 
    -khtml-border-radius: 10px; 
} 

#content{ 
    width:900px; 
    background-color:"#FFFFFF"; 
    border-radius: 10px; 
    -moz-border-radius: 10px; 
    -webkit-border-radius: 10px; 
    -khtml-border-radius: 10px;    
    display:block; 
    box-shadow: 10px 10px 5px #888888; 
}  
ul { 
    list-style-type:none; 
    margin:0; 
    padding:20px; 
    vertical-align:bottom; 
} 
li { 
    display:inline; 
    float:right; 
    padding: 20px 0px 20px 20px; 
} 
a { 
    display:block; 
}

크롬

Chrome