Ver Mensaje Individual
  #1 (permalink)  
Antiguo 22/04/2010, 16:55
kadas99
 
Fecha de Ingreso: julio-2009
Ubicación: Argentina!
Mensajes: 324
Antigüedad: 14 años, 8 meses
Puntos: 4
Lista desplegable se muestra mal en IE

Buenas noches ya! jaja

Tengo un problemita, tengo una lista desplegable a la izquierda, la cual muestra categoria y subcategoria (Esta ultima es la q se despliega) pero, viendolo en IE en mi localhost se despliega perfectamente, cuando lo veo en IE pero desde mi hosting web no se despliega, yo no se si es porque se solapa con el contenido del medio o porque sera, le hice un filecompare y resulta que esta todo igual (Compare el index de mi hosting con el del localhost) Entonces? aca les dejo una porcion del codigo.

Esta es la parte de la izquierda donde se veria el menu desplegable:
Código HTML:
...
<li><a href="busqueda.php?id=3&id1=13"> <h3> Otros                </h3> </a></li>
</ul>
      </li>
<li><a href="#"><h3>Arte                      </h3> </a>
<ul id="uno">
<li><a href="busqueda.php?id=4&id1=1"> <h3>  Arte   </h3> </a></li>
<li><a href="busqueda.php?id=4&id1=2"> <h3>  Artesanías  </h3> </a></li>
<li><a href="busqueda.php?id=4&id1=3"> <h3>  Otros            </h3> </a></li>
</ul>
      </li>
<li><a href="#"><h3>Antigüedades          </h3> </a>
<ul id="uno">
<li><a href="busqueda.php?id=5&id1=1"><h3>   Antigüedades   </h3> </a></li>
...
Y este es el CSS que define las listas.
Código HTML:
a {
	color:#000000;
	text-decoration: none;
}

ul#uno {
	list-style: none;
	margin: 0;
	padding: 0;
	width:155px; <!-- tanaño menu-->
}

ul#uno li {
	font: bold 11px/16px arial, helvetica, sans-serif;
	height:100%;
	background: #FFFFFF url(images/probando/Grafico2.jpg) top left repeat-x;
	border-bottom:1px solid #FFFFFF;
	position: relative;
	float:left;
	width:100%;

	}

ul#uno li ul li{
	background: #FFFFFF url(images/probando/Grafico2.jpg) top left repeat-x;
	border-left:5px solid #fff;
	}

ul#uno li a{
	display:block;
	padding: 2px 3px;
	}

ul#uno li a:hover {
	color: #000000;
	background: transparent url(images/probando/Grafico2.jpg) top left no-repeat;
	border-right:1px solid #fff;
	border-left:10px solid #fff;
}

ul#uno li ul li a:hover{
	background: transparent url(images/probando/Grafico2.jpg) top left no-repeat;
	border-left:15px solid #fff;

}

ul#uno ul {
	position: absolute;
	top: 0;
	display:none;
}

ul#uno li:hover ul{

	display: block;
	left:153px;
}
la verdad no se que puede llegar a ser.

¿Alguna idea?

P.D.: Esto me pasa por dos cosas, 1ero probar que todo ande para FF. 2do por novatooooooooooooooo!