Hola!
Llevo dias con esto y no sé ya por donde tirar.
Estoy modificando una plantilla de Wordpress, concretamente un menú que se pinta mediante una función que lista las secciones leídas de una base de datos; pero bueno, eso no es importante.
El caso es que se trata de un div, con una imagen de background, que contiene dentro una lista desordenada (ul). El background se ve perfecto en FF, ie7, ie8... pero en ie6 desaparece la imagen de background.
He probado a meter la CSS inline, tiene altura y ancho definidos, si utilizo un background-color tambien lo ignora... os adjunto el cachito de codigo y de CSS.
Código:
#top{
background:url('images/top.jpg');
background-color:#060606;
background-repeat: repeat-x;
height:42px;
width:100%;
}
ul.top{
margin:0;
padding-left:12px;
list-style:none;
color:#FFF;
}
ul.top li{
float:left;
}
ul.top li a{
float:left;
color:#FFF;
padding-left:6px;
padding-right:6px;
line-height:41px;
text-decoration:none;
font-size:14px;
letter-spacing:-0.5px;
}
HTML (extracto)
Código:
<div id="top" >
<ul class="top">
<li><a href="<?php bloginfo('url'); ?>">Inicio</a></li>
<?php wp_list_pages('title_li=&depth=1'); ?>
</ul>
</div>
El HTML generado es este:
Código:
<div id="top" >
<ul class="top">
<li><a href="http://despacho.prosolutions.es/joan_peset">Inicio</a></li>
<li class="page_item page-item-3"><span class="page_item page-item-3"><a style="text-decoration:none;">| </a></span><a href="http://despacho.prosolutions.es/joan_peset/?page_id=3" title="Quiénes Somos">Quiénes Somos</a></li>
<li class="page_item page-item-5"><span class="page_item page-item-5"><a style="text-decoration:none;">| </a></span><a href="http://despacho.prosolutions.es/joan_peset/?page_id=5" title="Historia">Historia</a></li>
<li class="page_item page-item-6"><span class="page_item page-item-6"><a style="text-decoration:none;">| </a></span><a href="http://despacho.prosolutions.es/joan_peset/?page_id=6" title="Repositorio de documentos">Repositorio de documentos</a></li>
<li class="page_item page-item-7"><span class="page_item page-item-7"><a style="text-decoration:none;">| </a></span><a href="http://despacho.prosolutions.es/joan_peset/?page_id=7" title="Enlaces externos">Enlaces externos</a></li>
<li class="page_item page-item-8 current_page_item"><span class="page_item page-item-8 current_page_item"><a style="text-decoration:none;">| </a></span><a href="http://despacho.prosolutions.es/joan_peset/?page_id=8" title="Contacto">Contacto</a></li>
</ul>
</div>
Cualquier sugerencia sera bienvenida... Gracias!!!