Salve, spero che qualcuno di voi possa aiutarmi....
ho cercato di realizzare un menù dropdown mediante un generatore, con questa grafica http://www.cssmenumaker.com/builder/...o.php?menu=067
Il problema è che quando copio l'html all'interno della mia pagina, rimane visibile la barra nera del menù principale, ma non compare la barra del sottomenu. il menù viene inserito all'interno di un contenitore.


L'html nell'head:

<style media="all" type="text/css">@import "/menu/menu_style.css";</style>


L'html che ho messo nel contenitore:

<div class="nav">
<div class="table">
<ul class="select">[*]Home
[/list]
<ul class="select">[*]La società
<div class="select_sub">
<ul class="sub">[*]Chi siamo[*]Dove siamo[*]Pubblicazioni[/list]
</div>
[/list]
<ul class="select">[*]Metodi di indagine
<div class="select_sub">
<ul class="sub">[*]Geoelettrica[*]Sismica[*]Georadar[*]Elettromagnetismo[/list]
</div>
[/list]
<ul class="select">[*]Strumentazione
[/list]
<ul class="select">[*]Qualità
[/list]
<ul class="select">[*]Contatti
[/list]
</div>
</div>

i css di riferimento:
MENU_STYLE:

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

.nav .table {
display:table;
margin:0 auto;
}

.nav .select,
.nav .current {
margin:0;
padding:0;
list-style:none;
display:table-cell;
white-space:nowrap;
}

.nav li {
margin:0;
padding:0;
height:auto;
float:left;
}

.nav .select a {
display:block;
height:35px;
float:left;
font-weight:bold;
background: url(images/bg.gif);
padding:0 30px 0 30px;
text-decoration:none;
line-height:35px;
white-space:nowrap;
color:#dfdfdf;
}


.nav .select a:hover,
.nav .select li:hover a {
background: url(images/hover.gif);
padding:0 0 0 15px;
cursorointer;
color:#2b3238;
}

.nav .select a b{
font-weight:bold;
}

.nav .select a:hover b,
.nav .select li:hover a b {
display:block;
float:left;
padding:0 30px 0 15px;
background:url(images/hover.gif) right top;
cursorointer;
}

.nav .select_sub {
display:none;
}

/* IE6 only */
.nav table {
border-collapse:collapse;
margin:-1px;
font-size:1em;
width:0;
height:0;
}

.nav .sub {
display:table;
margin:0 auto;
padding:0;
list-style:none;
}

.nav .sub_active .current_sub a,
.nav .sub_active a:hover {
background:transparent;
color:#2b3238;
}

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

.nav .current .show {
z-index:10;
}

.nav .select :hover .sub li a,
.nav .current .show .sub li a {
display:block;
float:left;
background:transparent;
padding:0 10px 0 10px;
margin:0;
white-space:nowrap;
border:0;
color:#2b3238;
}

.nav .current .sub li.sub_show a {
color:#2b3238;
cursor:default;
}

.nav .select .sub li a {
font-weight:normal;
}

.nav .select :hover .sub li a:hover,
.nav .current .sub li a:hover {
visibility:visible;
color:#909090;
}

IE:
.nav ul {display:inline-block;}
.nav ul {display:inline;}
.nav ul li {float:left;}
.nav {text-align:center;}
.nav .select a:hover b,
.nav .select li:hover a b {float:none;}

potete voi capire come mai non vedo la barra del sottomenu?
grazie mille.