Menu opsætning med css & html

Det er sådan at jeg er i gang med web-ingratore uddannelse og det er sådan at jeg har et lille problem

<div id="menu">
    <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>

Right Vil jeg gerne have i højre side & Menu vil jeg gerne have i venstre side af menu

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

Håber i kan hjælp mig med hvad jeg har gøre galt?