[SOLUCIONADO] Problemas con submenu y opacidad en CSS3

[MindPaniC]

Hola,

Tengo que terminar una web para enero y voy fatal, ES URGENTE, tengo problemas al crear los submenus, debajo del menu principal hay una capa con opacidad al 75% y al sacar el submenu me sale con esa opacidad y me jode el diseño, a parte de que tengo problemas en hacer que aparezca y desparezca el submenu al pasar el raton, no soy capaz de hacerlo. No se que ocurre, necesito un poco de ayuda.

Aqui podeis ver la web con el submenu desplegado:

http://test.javierdelpozo.com/

Este es el CSS del menu principal:

Código CSS:

#principal {
    margin-bottom:17px;
    float:right;
}
#principal ul {
    margin:0;
}
#principal ul li {
    display:inline;
    font-size:1em;
    font-family:'Droid Sans', sans-serif;
    text-transform:uppercase;
}
#principal ul li a {
    text-decoration:none;
    color:#f18e00;
    padding:17px 5px 17px 5px;
    margin-right:17px;
}
#principal ul li a:hover {
    color:#FFF;
    background-color:#f18e00;
}
#principal .ultimo a {
    margin-right:0;
}
#principal ul ul {
    position:absolute;
    margin-top:17px;
}
#principal ul li:hover ul {
    display:block;
}
#principal ul ul li {
    margin:0;
}
#principal ul ul li a {
    width:auto;
    display:block;
    padding:5px;
    background-color:#f18e00;
    color:#FFF; 
}
#principal ul ul li a:hover {
    color:#666;
}
 

Una ayudita por favor

[MindPaniC]

Ademas paso el raton por el submenu y no sale la opcion de hacer click, no se que ocurre. HELP PLEASE

[MindPaniC]

Cierro este tema por que he hecho modificaciones y me surgen otros problemas, abrire y un nuevo tema para no crear confusion.

Gracias.