scusate raga qualcuno puo suggerirmi una soluzione per questo tipo di menu ^^

http://gruppocontessa.altervista.org/


se ci fate caso vedete che il menu funziona perfettamente pero quando apre la tendina, fa comparire il menu ma se molto lunga il sotto menu nn si vede poiche da priorita al div dove c'è il conteiner e la shoutbox..........



qualcuno sa suggerimi una soluzione come risolvere sto problema?

metto qua sotto il codice css del layout index:
[spoiler]
codice:
html,body {
	margin:0 10% 0 10%;
	padding:0;
	width:80%;
	right:10%;
	left:10%;
	background-position: center;
	background-image: url(../img/bleach.jpg);
}

.container1 {
	position:absolute;
	top:0;
	margin:0 auto;
	width:80%;
	background-color:#0FF;
	height:270 px;
	border: 1px solid #06F;
	background-image:url(../img/spondo2.jpg);
	z-index:99;
	
}
.header {
	top:0;
	background-color:#fff;
	border-bottom: 1px solid #999;
	height: 150px;
	background-image: url(../img/head.jpg);
	
}

.avvisi {
	background-color:#fff;
	top: 155 px;
	position:relative;
	border-bottom: 1px solid #999;
	height: 45px;
	width: 100%;
}
.menu {
	bottom:0;
	position:relative;
	width:100%;
	color: #FFF;
	height: 35px;
}

.container2 {
	position:absolute;
	top: 240px;
	bottom:0;
	min-height: 550 px;
	height: 100%;
	width:80%;
	background-color:#0FF;
	border: 1px solid #06F;
	background-image:url(../img/spondo2.jpg);
	z-index:1;
}
.main {
	top:0;
	width:100%;
	height:100%;
	bottom:50px;
	border:1px solid #06f;
	position:absolute;
	z-index: 2;
}

.content {
	top:0;
	left:0;
	right:13em;
	padding: 1 em;
	height:100%;
}
.extra {
	position:absolute;
	top:0;
	right:0;
	border-left:1px solid #06f;
	width: 13em;
	height:100%;
}

.footer {
	position:absolute;
	width:100%;
	bottom:0;
	border-top:1px solid #06f;
	clear:none;
	height: 50px;
}
mentre questo e il css del menu avviso che il codice di questo menu e quello che si trova nei script vostri di javascript ^^.

codice:
ul#nav{font: 70%/1.5 Verdena,Tahoma,sans-serif; z-index:2;}
ul#nav,ul#nav li,ul#nav ul,ul#nav ul li{margin:0;padding:0;list-style-type:none; z-index:3}
ul#nav{height:26px;line-height:25px;margin-left:50px;
    background: #3B5998;color: #fff; z-index:4}
ul#nav a{display:block;padding: 0 15px;text-decoration: none; color:#FFF; z-index:5}
ul#nav li{float: left;position: relative; z-index:6;}
ul#nav li li{float: none;line-height: 22px;
    display:block !important;display: inline; z-index:7;/*IE*/}
ul#nav ul{position: absolute;top: 23px;left: -9999px;
    width: 12em;background: #fff;color: #3B5998; z-index:8}
ul#nav ul{padding: 7px 0;border: 1px solid #3B5998; z-index:9}
ul#nav ul,ul#nav li li a{background-color: #FFF;color: #3B5998; z-index:10;}
ul#nav li:hover,ul#nav a:hover{background-color: #5C75AA;color: #FFF; z-index:11;}
ul#nav li:hover ul,ul#nav li.sfhover ul{left: -1px;z-index: 100; z-index:12}

/*regole per separatore e le icone */

ul#nav li.sep{height: 34px;background: #fff}
ul#nav li.sep span{display: block;height: 1px;overflow: hidden;
    margin: 6px 5px 0;background: #CCC}
ul#nav li li.icon a{padding-left: 24px}
ul#nav li li.settings a{background: url(../icon_settings.gif) no-repeat 3px 3px}
ul#nav li li.privacy a{background: url(../icon_padlock.gif) no-repeat 3px 3px}
[/spoiler]
premendo nel dice scusatemi per le mie cazzate poiche sn un neofita dei css li ho imparati ad usare da poco e n ho avuto molto tempo per dedicarci