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;}
 
 




