He decidido colocar unas imagenes de fondo para los headers del index y en firefox y opera se ve perfectamente pero en IE (IE6 y IE8) nada.
Lo curioso es que lo he puesto en 6 titulos de los que 5 no se ven y unicamente el del centro (recomendados) si se ve pero con un color diferente al que le di a la imagen. Lo he comprobado y la edite con el mismo color del div (#FFA500 ), de hecho en firefox y opera se ve bien. Ya probe a darle a los otros el margin:0px auto y sigue sin funcionar.
Me gustaria saber si es posible solucionarlo sin añadir spans (que no los he probado pero prefiero evitarlos).
La url: http://entrenajedrez.sportsontheweb.net//index.html
el codigo:
/*CSS*/
.recomendados { width:459px; height:120px; background: url(objetos/recomendados.png) no-repeat; display:block; margin:0px auto; overflow:hidden; text-indent:-999%; }
.ayp { width:270px; height:40px; background: url(objetos/ayp.jpg)no-repeat; display:block; margin:0 0 0 8px; overflow:hidden; text-indent:-999% ; }
.publica { width:280px; height:40px; background: url(objetos/ptp.jpg)no-repeat; display:block; margin:0 0 0 8px; overflow:hidden; text-indent:-999%; }
.bienvenida { width:350px; height:50px; background: url(objetos/bienvenidos.jpg)no-repeat; display:block; margin:0 0 0 8px; overflow:hidden; text-indent:-999%; }
.feds { width:113px; height:16px; background: url(objetos/feds.jpg)no-repeat; display:block; margin:30px 0 0 100px; overflow:hidden; text-indent:-999%; }
.frase { width:220px; height:40px; background: url(objetos/frasebobby.jpg)no-repeat; display:block; margin:30px 0 0 30px; overflow:hidden; text-indent:-999%; }
<!-- html -->
<h2 class="publica">PUBLICA TUS PARTIDAS</h2>
<h1 class="bienvenida">BIENVENIDOS A MI WEB</h1>
<h2 class="ayp">APRENDE Y PROGRESA</h2>
<h2 class="recomendados">SITIOS WEB RECOMENDADOS</h2>
<h2 class="frase">LA FRASE</h2>
Gracias por adelantado y felicitaciones por el foro.
<h2 class="feds">FEDERACIONES</h2>
