El tema es que en explorer se muestra si no toco nada y lo dejo tal cual, pero con mozilla me sale en el borde izquierdo, he probado dándole coordenadas y entonces funciona con mozilla y se coloca donde quiero pero con explorer NO , ¡¡¡ que lucha esta con el dichoso explorer ¡¡.
Este es el código
Nota: la capa #pro6 he probado a ponerle un text-align:center e incluso margin:auto pero sigue sin funcionarme para los dos navegadores.
Código:
Un saludo y gracias de antemano a tod@s por la ayuda . #pro6 ul {margin:0 auto; padding:0; list-style:none; display:table; white-space:nowrap; list-style:none; height:35px; position:relative; background:#fff; font-size:11px;} #pro6 li {display:table-cell; margin:0; padding:0;} #pro6 li a {display:block; float:left; height:35px; line-height:30px; color:#333; text-decoration:none; font-family:arial, verdana, sans-serif; font-weight:bold; text-align:center; padding:0 0 0 10px; cursor:pointer; background:url(images/menus/busquedas/pro_six_0a.gif) no-repeat; } #pro6 li a b {float:left; display:block; padding:0 25px 5px 15px; background:url(images/menus/busquedas/pro_six_0b.gif) no-repeat right top;} #pro6 li.current a {color:#fff; background:url(images/menus/busquedas/pro_six_2a.gif) no-repeat;} #pro6 li.current a b {background:url(images/menus/busquedas/pro_six_2b.gif) no-repeat right top;} #pro6 li a:hover {color:#fff; background: url(images/menus/busquedas/pro_six_1a.gif) no-repeat;} #pro6 li a:hover b {background:url(images/menus/busquedas/pro_six_1b.gif) no-repeat right top;} #pro6 li.current a:hover {color:#fff; background: url(images/menus/busquedas/pro_six_2a.gif) no-repeat; cursor:default;} #pro6 li.current a:hover b {background:url(images/menus/busquedas/pro_six_2b.gif) no-repeat right top;} #pro6 ul {display:inline-block;} #pro6 ul {display:inline;} #pro6 ul li {float:left;} #pro6 {text-align:center;}