menu - problém s hover

<div id="menu">
  
  <div id="lava"></div>
  
  <div id="stred">
  
  <ul class="zoznam">
  <li><a href="#">home</a></li>
  <li><a href="#">about us</a></li>
  <li><a href="#">solutions</a></li>
  <li><a href="#">partners</a></li>
  <li><a href="#">consulting</a></li>
  <li><a href="#">contact us</a></li>
  </ul>
  
  </div>
  
  <div id="prava"></div>
  
  </div>

#menu {
       height:47px;
       float:left;
       margin-top:5px;
       width:100%;
       }
       
#lava {
       background:url("nav-box-left.gif") no-repeat;
       width:11px;
       height:47px;
       float:left;
       }
       
#stred {
        background:url("nav-box-bg.gif") repeat-x;
        height:47px;
        float:left;
        }
        
#prava {
        background:url("nav-box-right.gif") no-repeat;
        height:47px;
        width:22px;
        }
        
.zoznam  {
            margin-top:15px;
            list-style-type:none;
            margin-left:-75px;
            margin-right:5px;
            display:block;
            }
        
.zoznam li {
            float:left;
            margin-left:100px;
            display:block;
            }

#menu a {
              color:#ffffff;
              text-decoration:none;
              font-size:11px;
              text-transform:uppercase;
              font-weight:bold;
              display:block;
              }
              
#menu a:hover {
                 background:url("nav-act.gif") left top repeat-x;
                 display:block;
                 height:47px;
                 }