Aiuto Menù css/html

Per fare questo menù (vedi immagine):

(clicca per ingrandire)

Ad esempio i rullover non si vedono, se qualche buona anima mi può aiutare, da 3 giorni che so bloccat oa farlo.

Eccò il link al sito per chi volesse darmi una mano: http://astropvt.altervista.org/Test/Home_Giugno.html


e quà il 'piccolo' css:

#Menu {
    margin-top: 3px; 
    height: 80px;
    width: 930px; 
    margin-left: 214px;
    padding-left: 8px;
}

.ul{
   float : left;
   height : 30px;
    margin:0px 0px 0px 0px;  /* zero margin*/ 
    padding :0px 0px 0px 0px; /* zero padding*/
    border :0px 0px 0px 0px; /* niente bordi*/
    width : 730px; 
    list-style-type : none; /* non ha puntatura*/
}

.ul li {
     float:left;
      height : 30px; /* altezza della lista*/
      width : 101px; /* larghezza della lista*/
      margin : 0px 0px 0px 0px; /* senza margine*/
      padding :0px 0px 0px 0px; /* non si distanzia*/
      border : 0px 0px 0px 0px;
      list-style-type : none; /* senza puntatura*/
      display : inline; /* si espande per tutta la larghezza su di un ' unica linea*/
      text-align:center;
      font-size: 10px;
      }
      
.ul li a{
      height : 30px; /* altezza della lista*/
      float : left; /* importante*/
      width : 100px; /*  larghezza della lista*/
      text-decoration : none; /* non ha sottolineatura*/
      background-color : #000;
      margin:0px 0px 0px 0px;
      padding:0px 0px 0px 0px;
      display : inline; 
}
.ul li a:link, .ul li a:hover, .ul li a:active, .ul li a:visited {
    color:#333;
    text-decoration : none;
    background-color:#FFF;
    font-weight : 600;
}
/*.ul li a:hover, .ul li a:active{
     color:#333;
    text-decoration : none;
    background-color:#FFF;
    font-weight : 600;
    
}
.ul li a:visited{
     color:#333;
    text-decoration : none;
    background-color:#FFF;
    font-weight : 600;
}
*/
.gold{
    height : 25px;
    vertical-align : bottom;
}

#menu01[id], #menu02[id], #menu03[id], #menu04[id], #menu05[id], #menu06[id], #menu07[id], #menu08[id], #menu09[id], #menu10[id], #menu11[id], #menu12[id]{
  position:absolute;
}

#menu01, #menu02, #menu03, #menu04, #menu05, #menu06, #menu07, #menu08, #menu09, #menu10, #menu11, #menu12{
    border:0px 0px 0px 0px;
    margin:5px 0px 0px 0px;
    padding:0px 0px 0px 0px;
    position : absolute; /*importantissimo*/
    height:79px; /*importantissimo!!!! altezza del menu impostata a 0px altrimenti fa casino*/
    width : 938px; /*e' importante che sia largo almeno un px in piu' della classe .ul*/
    top : 102px; /*distanza assoluta dal top della pagina*/
    left : 214px; /* distanza assoluta dal left della pagina*/
    
}
#div1, #div2, #div3, #div4, #div5, #div6, #div7, #div8, #div9, #div10, #div11, #div12{
    border:0px 0px 0px 0px;
    margin:0px 0px 0px 0px;
    padding:0px 0px 0px 0px;
    top : 0px; /*rispetto a menu01, menu02...*/
    position : relative; /*importantissimo*/
    width : 70px; /*larghezza di ogni menu*/
    height : 30px; /*altezza di ogni menu*/
    

}

/* settaggio di  ogni singolo menu in orizzontale. */
#div1{
    left:17px;
}
#div2{
    left:98px;
}
#div3{
    left:180px;
}
#div4{
    left:303px;
}
#div5{
    left:404px;
}
#div6{
    left:505px;
}
#div7{
    left:606px;
}
#div8{
    left:707px;
}
#div9{
    left:808px;
}
#div10{
    left:909px;
}
#div11{
    left:1010px;
}
#div12{
    left:1111px;
}

/* inizio della dichiarazione delle classi che richiamano il menu. I menu funzionano in virtu' di questo richiamo*/
.Down img {
    /* quando il menu e' a riposo non è visibile*/
    display:none;
    visibility:hidden;
}
html >body .Up img{
/*questa dichiarazione si rende necessaria per i browser gecko : non serve far apparire
l'immagine perche' il menu scorra, ma serve per IE, che capisce meno di un tubo*/
    display:none;
    visibility:hidden;
}
.Up img  { /* classe che viene richiamata quando il mouse passa sul menu*/
 display:inherit;
    visibility:hidden;
    /*il menu e' visibile e lo rimane fino a quando il mouse rimane sul menu*/
}
.Down .ul{
display:none;
    
}
.Up .ul{
     display:inherit;
}
 
/*.gold{
    text-align: center;
    background-color:#FFF;
    color: #415A3D0;
}*/


/*td{
    padding-left: 7px;
    }*/ 

Per cercarlo di farlo manco ho dormito poco niente stanotte, ora c'ho un *** di mal di testa.

Sono riuscito a combinare qualcosa, ma solo le prime 2 funzionano correttamente le altre 10 no,

Eccò la pagina: http://astropvt.altervista.org/Test/...testo__2_.html

Qualcuno saprebbe aiutarmi