menù CrossBrowser

[vale93kotor]

Ho fatto un menù per firefox (preso da un sito di munù CSS gratis) e l'ho adattato....

solo che su firefox funziona perfettamente,mentre su IE8 non funziona

Link pagina: http://mysimpleromance.altervista.org/news2.php

CSS: http://mysimpleromance.altervista.org/style.css (la parte in fondo)

[dariopc]

Nessuna versione di Internet Explorer (compresa quindi la 8) supporta i valori "inherit" o "collapse" per visibility
prova eventualmente con display

[vale93kotor]

ciao... scusatemi se non ho risposto per un po di mesi,ma anche modificando i file css modificando le voci menzionate non è cambiato nulla...

Riallego codice css e html del menù...


HTML

 
<div id="menu">

	<ul>
		[*]
			HOME
		
		[*]
			<a class="sub">Simple Plan >>
			<ul>

				[*]<a href="http://mysimpleromance.altervista.org/simpleplan.html" target=frame class="sub">Bio >>
					<ul>
						[*]Pierre[*]Chuck
						[*]David
						
						[*]Seb
						[*]Jeff

					[/list]
					
				

						[*]Tour

						[*]<a href="http://mysimpleromance.altervista.org/media.html" target=frame class="sub">Media >>
                                         <ul>
						[*]Video[/list]

					
                                   
						[*]Discografia
						[*]Lyrics

		[*]
			<a class="sub">Side Project >></a>
			<ul>
				[*]Seb - Solista

					

			[/list][/list]
			
		
		[*]
			<a class="sub">My Chemical Romance >>
			
			<ul>
				[*]<a href="http://mysimpleromance.altervista.org/mychemicalromance.html" target=frame class="sub">Bio >>
				
					<ul>
						[*]Gerard
						[*]Frank

						[*]Ray
						[*]Mikey[*]Bob
					
						[*]Matt (Ex)
					[/list]
					
				

						[*]Tour

						[*]<a href="http://mysimpleromance.altervista.org/media.html" target=frame class="sub">Media >>
                                         <ul>
						[*]Video[/list]
					
                                   

						[*]Discografia

						[*]Lyrics


		[*]
			<a class="sub">Side Project >></a>
			<ul>
				[*]Leathermouth
					

			[/list][/list]

			
		[*]
			Gallery
		
		[*]
			<a href="http://mysimpleromance.altervista.org" class="sub">Sito >>

			
			<ul>
				[*]Credits

				[*]Link Utili
				[*]Linkaci
				[*]Affiliati
			[/list]
			
		[*]
			Forum

		
	[/list]

</div>

CSS

  		#menu{
		width:100%;
		background-color:#424242;
		}
		/*stile generale delle liste*/
		#menu ul{
		margin:0;
		padding:0;
		position: relative;
		height: 30px;
		width:100%;
		}
		/*stile generale delle sub liste*/
		#menu ul ul{
		position: absolute;
		top:30px;
		left: 0;
		visibility: hidden;
		}
		/*stile generale dei list item*/
		#menu li{
		list-style: none;
		float: left;
		padding:0 5px;
		background-color:#424242;
		}
		#menu ul, #menu li{
		background-color:#424242;
		}
		#menu ul ul, #menu li li{
		background-color:#4F4E49;
		}
		#menu ul ul ul, #menu li li li{
		background-color:#767676;
		}
		
		/*style generale dei link*/
		#menu a{
		display:block;
		float:left;
		padding:0 30px;
		text-decoration:none;
		text-align: center;
		line-height: 30px;	
		font-family: Verdana;
		font-size: 9px;
		font-weight: bold;
		}
		/*style generale dei link sullo stato hover*/
		#menu ul :hover > a, #menu ul a:hover{
		height:20px;
		border-top:5px solid #424242;
		border-bottom:5px solid #424242;
		line-height:20px;
		}
		#menu ul :hover > a.sub{
		height:25px;
		border-bottom:none;
		line-height:20px;
		}
		/*stile link primo livello*/
		#menu ul a{
		color:#FFFFFF;
		}		
		#menu ul :hover > a{
		background-color:#4F4E49;
		border-color:#424242;
		color:#FFAF3A;
		} 	
		/*stile link secondo livello*/
		#menu ul ul a{
		color:#FFAF3A;
		}	
		#menu ul ul :hover > a{
		background-color:#767676;
		border-color: #4F4E49;
		color:#D65643;
		}	
		/*stile link terzo livello*/
		#menu ul ul ul a{
		color:#D65643;	
		}
		#menu ul ul ul :hover > a{
		background-color:#FFF;
		border-color:#767676;
		}	
		/*secondo livello visibile su hover del primo livello*/
		#menu ul li:hover ul, #menu ul a:hover ul{
		visibility:visible;
		}
		/*terzo livello invisibile su hover del primo livello*/
		#menu ul li:hover ul ul, #menu ul a:hover ul ul{
		visibility:hidden;
		}
		/*terzo livello visibile su hover del secondo livello*/
		#menu ul ul li:hover ul, #menu ul ul a:hover ul{
		visibility:visible;
		}
		/*style per Internet Explorer 6*/
		#menu table {
		position:absolute; 
		top:0; 
		left:0;
		width:100%;
		}
		#menu a:hover{
		height:20px;
		border-top:5px solid #424242;
		border-bottom:5px solid #424242;
		line-height:20px;
		}


		#menu ul a.sub:hover{
		height:25px;
		border-bottom:none;
		line-height:20px;
		}
		#menu ul a:hover{
		background-color:#4F4E49;
		border-color:#424242;
		color:#FFAF3A;
		} 
		#menu ul ul a:hover{
		background-color:#767676;
		border-color: #4F4E49;
		color:#D65643;
		}
		#menu ul ul ul a:hover{
		background-color:#FFF;
		border-color:#767676;
		}