Ver Mensaje Individual
  #2 (permalink)  
Antiguo 03/10/2006, 12:20
lenz
 
Fecha de Ingreso: agosto-2003
Mensajes: 203
Antigüedad: 21 años, 3 meses
Puntos: 0
Solucionado

Ya pude solucionarlo, dejo el css final, al html le saque las tablas dentro de los <li>, si alguin necesita el js, me avisa y lo posteo tambien

Código:
#menu {
	padding:0px;
	margin:0px;
	height:19px;
	line-height:19px;
}
#menu li {
	list-style:none;
    position: relative;
    margin:0px;
    float:right;
    display:block;
    padding-left: 0px;
    margin-left: 0px;
	text-align: right;
	height:19px;
	width:157px;
	border-bottom: 1px solid #cccccc;
}

#menu li:hover, #menu li.selLi {
	padding-left: 0px;
    margin-left: 0px;
	color: #ffffff;
	background: url(../Images/bullet_menu.gif) no-repeat #003371;	
}

#menu li a {
	color: #003371;
	font-family: Arial;
	font-style: normal;
	font-size: 11px;
	font-weight: normal;
	text-decoration: none;
	display: block;
    padding-left: 0px;
	padding-right: 25px;
	margin-left: 0px;
}

#menu li a:hover, #menu li a.selLiH {
	color: #ffffff;
	background: url(../Images/bullet_menu.gif) no-repeat #003371;
	height: 19px;
    padding-left: 0px;
	margin-left: 0px;
}

#menu li ul {
    position: absolute;
    overflow: visible;
    display: none;
	padding: 0px 0px 0px 0px;
	margin-left: -20px;
	margin-top: -20px;
	background: #1467A5;
	border-top: 1px solid #ffffff;
	border-left: 1px solid #ffffff;
	border-right: 1px solid #ffffff;	
}

#menu li ul li {
    margin-left: 0px;
    padding:0px 0px 0px 0px;
	border-bottom: 1px solid #ffffff;
}

#menu li ul li:hover, #menu li ul li.selLi{
	color: #ffffff;
    padding-left: 0px;
    margin-left: 0px;
	background: #003371;
}

#menu li ul li a {
	font-family: Arial;
	font-style: normal;
	font-size: 11px;
	font-weight: normal;
	color: #ffffff;
	text-decoration: none;
	background: none;
	display: block;
}

#menu li ul li a:hover, #menu li ul li a.selLiH  {
	color: #ffffff;
    padding-left: 0px;
    margin-left: 0px;
	background: #003371;
}
#menu li ul li ul {
	margin-top: -20px;
	margin-left: 0px;
}

/* no-IE browsers */
#menu li:hover > a { 
	color: #ffffff; 
}

#menu li>ul{
    color: #ffffff;	
    margin-top:-20px;
	margin-left: 140px;
}
#menu li:hover ul > ul{	
	color: #ffffff;	
    margin-top:-20px;
    display:none; 
}
#menu li ul li > ul{	
	color: #ffffff;	
    margin-top:-20px;
	margin-left: 157px;
    display:none; 
}
#menu li:hover > ul {
	color: #ffffff;
    overflow:visible; 	
    display:block;	
}