aiuto css li inline (IE bug)

[pablopuello]

salve a tutti

allora ho un menu così:

<ul id=nav>[*]voce_Generale_A
    <ul>[*]sottovoce1[*]sottovoce2
      ....[/list]
  [*]Voce Generale B
    <ul>[*]sottovoce b1[*]sottovoce b2
      ....[/list]
  [/list]

e il css è:

/*** Nav bar styles ***/

ul.nav,
.nav ul{
/*Remove all spacings from the list items*/
	margin: 0;
	padding: 0;
	cursor: default;
	list-style-type: none;
	display: inline;
}

ul.nav{
	display: table;
	width: 778px;
}
ul.nav>li{
	display: table-cell;
	position: relative;
	padding: 2px 6px;
}

ul.nav li>ul{
/*Make the sub list items invisible*/
	display: none;
	position: absolute;
	max-width: 40ex;
	margin-left: -6px;
	margin-top: 2px;
}

ul.nav li:hover>ul{
/*When hovered, make them appear*/
	display : block;
}

.nav ul li a{
/*Make the hyperlinks as a block element, sort of a hover effect*/
	display: block;
	padding: 2px 6px;
}

/*** Menu colors (customizable) ***/

ul.nav,
.nav ul,
.nav ul li a{
	background-color: #666666;
	color: #ffffff;
}


ul.nav li:hover,
.nav ul li a:hover{
	background-color: #333333;
	color: #ccff33;
}

ul.nav li:active,
.nav ul li a:active{
	background-color: #ffffff;
	color: #ff0000;
}

ul.nav,
.nav ul{
	border: 1px solid #000000;
}

.nav a{
	text-decoration: none;
}

il proble è che su mozilla tutto ok, ma IE sembra quasi che il css non esista....


mi sapete aiutare?!?!!?

grazie!

[salasir]

Se il tuo problema è che in IE non si aprono i sottomenù, il motivo è che IE non gestisce l'hover sui tag che non siano <a>.
L'ìunico modo per farli funzionare è sfruttare la patch IE7 o aggiungere del codice javascript che però appesantiscono la pagina ed entri nel campo dell'accessibilità. Infatti se qualcuno ha js disabilitato, ritorni a non poter visualizzare il tutto.
Comunque dai un'occhiata a:

• Un menu a tendine solo con i CSS
• Menu dropdown con CSS e Javascript

[pablopuello]

il problema è che io vedo tutto l'albero come se non ci fosse un css dedicato a visualizzarlo a tendina.....

non è che non vedo roba.. ne vedo troppa.....

[pablopuello]

up!

[pablopuello]

ri-up!

[salasir]

Scusa il ritardo, ma ero in ferie
Ho notato ora che tu utilizzi questa codifica

ul.nav li:hover>ul{ ...

Non vorrei sbagliarmi, ma il carattere > (che mi sembra identifichi i tag figli del precedente) non viene riconosciuto da IE.
Prova a toglierlo o a duplicare le definizioni per IE senza tale carattere.

[pablopuello]

ma senza ussare quel simbolo (>) come lo scrivo ad IE il "figlio" ??

forse

ul.nav li.ul{ ...

non pare funzionare...

[salasir]

ul.nav li:hover ul{ ...

[pablopuello]

non funziona....non mi fa + vedere i figli...

[salasir]

Mmm secondo me adesso funziona come dovrebbe
Mi spiego: se guardi la prima risposta che ti ho dato trovi la soluzione. Infatti mi sembrava strano che vedessi troppo, avresti dovuto vedere poco. Come ora. Adesso dovresti essere nelle condizioni che IE accetta il codice CSS ma non gestisce l'hover sul tag[*].