Niente da fare ancora non ho capito.
Riporto il codice che non riesco a modificare

HTML
codice:
<body>
     <div id="menu">
          <ul id="nav">[*]Home Page
                    <ul>[*]Benvenuti[*]Storia[*]Servizi[/list]
               [*]Tour virtuale[*]Prenotazioni[*]Guestbook[*]Contatti[/list]
          <div style="clear:both;"></div>
    </div>
    <hr id="barra" />
</body>
CSS
codice:
<style>
     ul, li{
          margin:0;
          padding:0;
     }
     ul{
          list-style:none;
     }
     #menu{
          border:1px solid #000;
          position:relative;
          z-index:2;
     }
     #nav li{
          float:left;
          margin-left:30px;
     }
     #nav li a{
          display:block;
          width:100px;
          text-align:center;
          background-color:rgba(0,0,0,0.2);
          border-radius:1em;
          box-shadow:0 3px 5px #666666;
          text-decoration:none;
          color:#F3EA3A;
     }
     #nav li a:hover{
          background-color:rgba(0,0,0,0.4);
     }
     #nav li ul{
          display:none;
     }
     #nav li:hover ul{
          display:block;
     }
     #nav li ul li{
          float:none;
          margin:5px 0 0 0;
     }
     #barra{
          position:relative;
          z-index:1;
     }
</style>