Singori dei CSS buongiorno,

avrei un piccolo, diciamo disperato, quesito da sottoporvi e con il vostro aiuto da risolvere in merito al menù che ho caricato a questo indirizzo:

http://www.fantafox.com/menu-nav/pro_dropline.html

Il mio problema, è che dopo aver scaricato questo menu, ho provato ad adattarlo alle dimesioni 100%, ma ho fallito miseramente, o meglio, il menù adattato al 100% non funziona (il menù di secondo livello anziche rimanere sulla stessa linea si allinea al lato sinistro e porta le voci che lo compongono, una sotto l'altra) con i.e. il che come potrete capire è un bel problema.

Il menù che ho pubblicato è allo stadio originale, senza i miei tentativi di adattarlo, ma in breve di seguito vi riporto i 2 parametri che avevo sostituito:

Codice originale
============
.nav {
height:35px;
background: url(pro_line_0.gif) repeat-x;
position:relative;
font-family:arial, verdana, sans-serif;
font-size:11px;
width:750px;
z-index:500;
}

Codice Modificato
=============

.nav {
height:35px;
background: url(pro_line_0.gif) repeat-x;
position:relative;
font-family:arial, verdana, sans-serif;
font-size:11px;
width:100%;
z-index:500;
}

Codice Originale
============

.nav .select :hover .select_sub,
.nav .current .show {
display:block;
position:absolute;
width:750px;
top:35px;
background:url(back_0.gif);
padding:0;
z-index:100;
left:0;
text-align:center;
}


Codice Modificato
=============

.nav .select :hover .select_sub,
.nav .current .show {
display:block;
position:absolute;
width:100%;
top:35px;
background:url(back_0.gif);
padding:0;
z-index:100;
left:0;
text-align:center;
}


I ringraziamenti a tutti coloro che vorranno tentare una soluzione ovviamente sono anticipati.