pomoc s menu

<div class="menuContainer">

<ul id="menu">
   <li><a href="#" target="_self" title="sample">sample</a></li>
   <li><a href="#" target="_self" title="sample">sample</a></li>
        <li><a href="#" target="_self" title="sample">sample</a></li>
   <li><a href="#" target="_self" title="sample">sample</a></li>
   <li><a href="#" target="_self" title="sample">sample</a></li>
</ul>
    </div>

background: #farba_ak_bude_vyssi_ako_obrazok url(./cesta/obrazok.XXX) repeat-x;

ul#menu{
   margin:0;
   padding:0;
   list-style-type:none;
   width:auto;
   position:relative;
   display:block;
   height:40px;
   text-transform:uppercase;
   font-size:13px;
   background:transparent url("images/blue.jpg") repeat-x top left;
   font-family:Helvetica,Arial,Verdana,sans-serif;
}
ul#menu li{
   display:block;
   float:left;
   margin:0;
   pading:0;
   border-right:1px solid #ffffff;
   }
ul#menu li a{
   display:block;
   float:left;
   color:#ffffff;
   text-decoration:none;
   padding:12px 20px 0 20px;
   height:24px;
   height:40px;
   }
ul#menu li a:hover{
   background:transparent url("images/black.jpg") repeat-x top left;   
   }

<div>
<ul id="menu">
   <li><a href="#" target="_self" title="sample">AAAA</a></li>
   <li><a href="#" target="_self" title="sample">BBBB</a></li>
        <li><a href="#" target="_self" title="sample">CCCC</a></li>
   <li><a href="#" target="_self" title="sample">SS&#138S</a></li>
   <li><a href="#" target="_self" title="sample">FFFFF</a></li>
</ul>
    </div>