Js & Css меню = лажа

[LeoN]

есть два меню: левое и правое
IE:
первый уровень сливаются
второй слева непоказывается
Opera:
вторая справа без переноса.
Mozilla & Safari норма.
JS:

//<!--
startList = function()
{
 if (document.all&&document.getElementById)
 {
  navRoot = document.getElementById("menu");
  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;
//-->

CSS для меню:

/*********************/
/*Стиль для меню*/
*.menu li, *.menu_r li
{
	border: 2px #eff6e8 solid;
	background-color: #eff6e8;
	color: #000000;
	font-weight: bold;
	margin: 0px;
	padding: 0px 4px;
	padding-left: 4px;
	text-align: left;
	width: 198px;
}
*.menu li:hover, *.menu_r li:hover {background-color: #4c6166; color: #FFFFFF;}
*.menu + *.menu_r {margin-top: 8px;}
*.menu_title {font-variant: small-caps; font-weight: bold; color: #FFFFFF; text-align: right; margin-bottom: 10px;}
/*********************/

html код в добавлении