Menu opsætning med css & html

CSS kode 

 #menu {
      width:100%;
      color:#FFF;
      background-color:#00F;
      height:19px;
      font-size:16px;
  }
  #menu li{
      display:inline;
      padding:0 20px;
      line-height:100%; 
      float: left;
  }
  #right li{
      display:inline;
      padding:0 20px;
      line-height:100%;
      text-align:right; 
      float: right;
  }

HTML kode 

 <div id="menu">
     <div id="left">
          <ul>
          <li><a href="news.html">News</a></li>
          <li><a href="shows.html">Shows</a></li>
          <li><a href="music.html">Music</a></li>
          </ul>
      </div>
      
      <div id="right">
          <ul>
          <li><a href="video.html">Video</a></li>
          <li><a href="photos.html">Photos</a></li>
          <li><a href="contact.html">Contact</a></li>
          </ul>
     </div>
 </div>

CSS kode 

 #menu {
       width:100%;
       color:#FFF;
       background-color:#00F;
       height:19px;
       font-size:16px;
   }
   #menu li{
       display:inline;
       padding:0 20px;
       line-height:100%; 
   }
   
   #right{
       line-height:100%;
       text-align:right; 
       float: right;
   }
   
     #left{
       line-height:100%;
       text-align:left; 
       float: left;
   }