Positionering af element

HTML kode 

 <div id="header">
     <div id="headercontent">
         <img id="headerlogo" src="billeder/logo.jpg" width="100" height="100" />
             
         <div id="menuWrap">
             <ul id="headermenu">
             <li>Index</li>
             <li>About</li>
             <li>Contact</li>
             </ul>
         </div>
     </div>
 </div>

CSS kode 

 body 
 { 
     margin:0; 
     padding: 0;    
     font-family: Verdana, Tahoma, Arial, "Helvetica Neue", Helvetica, Sans-Serif;
 }
         
 #header
 {
     position:relative;
     background-color:#003366;
     width: 100%;
 }
 #headercontent
 {
     position:relative;
     width: 953px;
     height: 100px;
     margin: 0 auto;
 }
 #headermenu
 {
     position:absolute; 
     bottom:0;
     width: 853px;
     margin:0; 
     padding:0;
     text-align:right;
 }
 #menuWrap 
 { 
     position:relative;
     width:853px;
     height:100%;
     float:right; 
 }
 #headermenu li 
 { 
     display:inline;
     margin-right:20px;
     font-size:20px;
     color:white; 
 }
 #headermenu li:hover 
 { 
     background-color:white;
     color:black; 
 }
 #headerlogo
 {
     position:relative;
     float:left;
 }