menu verticale ad albero, problema con ie6

[mlipreri]

ho "risolto" così

body {
  margin:  0;
  padding: 15px;
}

#menuContainer {
  background-color: white;
  text-decoration: none;
  color: #666666;
  font-weight: bold;
  font-size: 10pt;
  font-family: Verdana, Arial, sans-serif;
  width: 10em;
  padding: 0px;
}

#menuContainer ul {
	margin: 0;
	padding: 0;
	list-style: none;
	width: 150px;
	}

#menuContainer ul li {
	position: relative;
	}

#menuContainer li ul {
	position: absolute;
	left: 149px;
	top: 0;
	display: none;
	}

#menuContainer ul li a {
	display: block;
	text-decoration: none;
	color: #777;
	background: #fff;
	padding: 5px;
	border: 1px solid #ccc;
	border-bottom: 0;
	}

/* Fix IE. Hide from IE Mac \*/
* html ul li { float: left; }
* html ul li a { height: 1%; }
/* End */

#menuContainer ul {
	margin: 0;
	padding: 0;
	list-style: none;
	width: 150px;
	border-bottom: 1px solid #ccc;
	}

#menuContainer li:hover ul, li.over ul { 
	display: block; }

più questo javascript

startList = function() {
if (document.all&&document.getElementById) {
navRoot = document.getElementById("nav");
for (i=0; i<navRoot.childNodes.length; i++) {
node = navRoot.childNodes[i];
if (node.nodeName=="LI") {
node.onmouseover=function() {
this.className+=" over";
  }
  node.onmouseout=function() {
  this.className=this.className.replace(" over", "");
   }
   }
  }
 }
}
window.onload=startList;

solo che se lascio #menuContainer nel css con ie non va... se tolgo "#menuContainer" tutto ok funzia, ma lo fa per tutti i tag ul li...come faccio a modificare questo comportamento?

[Mich_]

Veramente non e` quello che ti consigliavo.
Non hai tolto i selettori inutili, non hai tolto la visibility (da sostituire con il display), hai duplicato alcuni selettori.

Inoltre credo che ai tag <a> devi dare dappertutto:

display: block;
width: 100%;
height: 100%;

in modo da far coincidere i link con il blocco che li contiene.

Pero` a 'sto punto hai realizzato un semplice menu a due livelli, come ce ne sono diversi nelle raccolte: ti conviene copiarti quelli delle raccolte (prendi ad esempio CSSPlay - link tra i "link utili"): sono gia` testati ed ottimizzati.

[mlipreri]

si hai ragione così è solo a 2 livelli...e non mi va bene, prova a vedere se il css è corretto adesso, mi sembra di avere fatto le modifiche che mi hai indicato...grazie per la pazienza!

body {
  margin:  0;
  padding: 15px;
}

#menuContainer {
  background-color: white;
  text-decoration: none;
  color: #666666;
  font-weight: bold;
  font-size: 10pt;
  font-family: Verdana, Arial, sans-serif;
  width: 10em;
  padding: 0px;
}

#menuContainer ul { 
  list-style-type: none;
  margin: 0;
  padding: 0;
}

#menuContainer li {
  background-color: #cacaca;
  border: 1px solid #1d374f;
  width: 10em;
  /* this is to make the submenus position relative to this li */
  position: relative; 
}

#menuContainer a {
  text-decoration: none;
  color: #666666;
  font-weight: bold;
  font-size: 10pt;
  font-family: Verdana, Arial, sans-serif;
}

#menuContainer ul ul {
  position: absolute;
  left: 10em;
  top: 0;
  display: hidden;
}

/*...........NEW..........*/


#menuContainer a ul {
  display: none;
}

#menuContainer a a ul {
  display: none;
}

#menuContainer a:hover ul {
  display: block;
}


#menuContainer a a:hover ul {
  display: block;
}

/*...........END NEW..........*/