Vysúvacie menu

// CSS kód 

#vodorovne_menu ul{margin: 0px; padding: 0px;} 
#vodorovne_menu {width: 100%;} 
#vodorovne_menu li {float:left;list-style-type:none;} 
#vodorovne_menu li a {display:block; height:24px;width: 110px; line-height: 24px; text-align: center; text-decoration: none; color: black;} 
#vodorovne_menu li a:hover { background: yellow; color: black;} 
#vodorovne_menu li ul {display: none;} 
#vodorovne_menu li:hover ul { display:block; position:absolute; border: solid black; border-width: 0 1px 1px 1px;} 
#vodorovne_menu li:hover ul li { display:block; float: none; height:24px; width: 110px; border-top: 1px solid #F0F0F0;} 
#vodorovne_menu li:hover ul li a {background: black; color: white;} 
#vodorovne_menu li:hover ul li a:hover {background: rgb(227, 142, 51); color:#fff; font-weight: bold;} 



// HTML kód 

  <div id="vodorovne_menu"> 
    <ul> 
      <!-- prvý blok menu --> 
      <li><a>Prvé menu</a> 
        <ul> 
          <li><a href="#">Prvé submenu</a></li> 
          <li><a href="#">Druhé submenupoložka</a></li> 
        </ul> 
      </li> 
      <!-- prvý blok menu--> 
      <!-- druhý blok menu --> 
      <li><a>Druhé menu</a> 
        <ul> 
          <li><a href="#">Prvé submenu</a></li> 
          <li><a href="#">Druhé submenu</a></li> 
        </ul> 
      </li> 
      <!-- druhý blok menu-->                         
    </ul>   
  </div>