Saludos:
Veréis, a la hora de editar el css de mi blog tengo un pequeño problema relacionado con Internet Explorer. A la hora de visionar mi página en ese navegador (versiones 6 y 7 probadas), la barra de menú que he modificado no se visiona correctamente. En cambio, en otros navegadores como Firefox o Google Chrome no existe ese problema. Aquí os pongo los datos.
Mi blog es http://yocreoqueno.com. El tema como ya he dicho anteriormente es Freshy, y el problema radica en la barra de menú superior en la cabecera. En Internet explorer 7 no se visionan los nombres de cada sección, mientras que en Internet explorer 6 sale totalmente descuadrado. Aquí pongo la parte de código del css relacionada con dicha barra con las modificaciones realizadas, a ver dónde está el problema.
------------------------------------------------------------
.menu {
list-style-type:none;
background:url('http://yocreoqueno.files.wordpress.com/2008/09/menu_bg2.gif') 50% 0 #515151 repeat-x;
height:30px;
width:780px;
border-top:0 solid #FFFFFF;
overflow:hidden;
margin:0;
padding:0;
}
.menu li {
background:none;
display:table-row;
vertical-align:middle;
float:left;
height:30px;
padding:0;
}
.menu li.last_menu,.menu li.right_menu {
float:right;
}
.menu li a {
font-size:.8em;
text-transform:uppercase;
line-height:normal!important;
display:table-cell;
vertical-align:middle;
height:30px;
background:url('http://yocreoqueno.files.wordpress.com/2008/09/menu_triple21.gif') top left transparent repeat-x;
color:white;
text-decoration:none;
}
.menu li a:hover,.menu li a:active {
background-position:center left;
color:#FFFFFF;
}
.menu li.current_page_item a {
background-position:bottom left!important;
color:#1F3700!important;
}
.menu li a.first_menu {
background-repeat:no-repeat;
background-image:url('http://yocreoqueno.files.wordpress.com/2008/09/menu_start_triple22.gif');
}
.menu li a.last_menu,.menu li a.last_menu_off {
padding-right:35px;
background-repeat:no-repeat;
background-image:url('http://yocreoqueno.files.wordpress.com/2008/09/menu_end_triple2.gif');
background-position:top right;
height:30px;
}
.menu li a.last_menu:hover,.menu li a.last_menu:active {
background-position:center right;
}
.menu li.current_page_item a.last_menu {
background-position:bottom right!important;
}
.menu li.lang_menu {
float:right;
}
.menu li.lang_menu a span {
width:19px;
height:30px;
overflow:hidden;
text-indent:100px;
display:block;
}
.menu li.lang_menu a {
display:block;
width:19px;
cursor:pointer;
}
------------------------------------------------------------
Muchas gracias por adelantado.
