Problema com CSS no menu ..

www.ciscoeneide.com.br/avaliacao/

O menu está todo embaralhado, não entendo o porque disto.

o codigo css:

/ XXXXXXXXX MENUUUU XXXXXXXXX/

#menu{
 left: 50%;
 margin-left: -500px;
 width: 1000px;
 height: 100px;
 position: fixed;
 z-index: 3;

}

#alinhaDireita{
 float:right;
 margin-top: 30px;
 margin-right: 15px;
}

.nav{
 margin:0;
 padding: 0;
 list-style: none;

}

.nav li {

 float: left;
 width: auto;
 display: block;
 padding: 0 5px;

}

.nav li a {

 color: #000;
 padding: 8px 8px;
 text-decoration: none;
 display: block;
 letter-spacing: -0.3px;
}

.nav li a:hover{

 background: rgb(52, 146, 39);
}

/ SUB MENU/

.nav ul {

 list-style: none;
 left:0;
 padding: 0;
 position: absolute;
 display: none;
}

.nav ul li {

 width: 130px;
 float: left;

 }

 .nav ul a{
 display: block;
 height: 15px;
 padding: 7px 8px;
 background: rgb(237, 237, 237);
 color: rgb(118, 118, 118);
 text-decoration: none;

 }
 .nav ul a:hover{
 background: rgb(224, 224, 224);
 color: rgb(52, 146, 39);
 }