Problemi Secondo livello Menu orizzontale

[danjelupo]

Salve, ho un semplicissimo menu orizzontale a due livelli.

Con Firefox non ho nessun problema con tutti gli altri browser che uso (AVANT IE8 CHROME) non riesco a visualizzare il secondo livello e non mi vede la barrra verde sopra le voci:

Posto il Codice:

#menucontent ul
	{
		margin:0;
		padding:0;
		position: absolute;
		height: 5%;
		width:100%;
		top:10%;
		left: 0;
	}
	
#menucontent ul ul
	{
		position: absolute;
		bottom:0;
		left: 0;
		visibility: hidden;
		margin:5% 0 0 0;
		padding:0;
		height: 5%;
		width:100%;
	}
	
#menucontent ul li
	{
		list-style: none;
		padding:0 0 0 3%;
		background-color:transparent;
		display:block;
		float:left;
		text-align: center;
	}

#menucontent ul+li
{
	padding:0;
}

#menucontent ul ul li 	
	{
		list-style: none;
		margin: 0;
		padding:2% 0 0 3%;
		background-color:transparent;
		display:block;
		float:left;
		text-align: center;
	}
	
#menucontent ul li a

	{
		padding:0; 
		text-decoration:none;
		text-align: center;
		font-family: 'Lobster';
		font-size: 180%;
		font-weight: normal;
	}
	
#menucontent ul li a:link, #menucontent ul li a:visited
	{
		color: black;	
	}
	
#menucontent ul li a:hover
	{
		font-family: 'Lobster';
		font-size: 220%;
		font-weight: normal;
		border-bottom: none;
		border-top: thick inset lime;
	}	

#menucontent ul ul  li a:hover
	{
		font-family: 'Lobster';
		font-size: 220%;
		font-weight: normal;
		border-top: none;
		border-bottom: thick inset lime;
	}	

	
		#menucontent ul li:hover ul, #menucontent ul a:hover ul
                {
                                   visibility: visible;
	
		}

Confido in voi per una possibile soluzione considerando che è tutto il giorno che ci sbatto contro ed ho provato a scriverlo e riscriverlo da zero ma non riesco a farlo funzionare.

Grazie Daniele