Tengo un div que hace de columna lateral izquierda. A su vez contiene, entre otros, un div que alberga un bloque de publicidad de adsense.
El html de la columna es:
Código PHP:
<div id='columna'>
<div class='caja herramientas'>
<h4>Forum Tools</h4>
<ul>
<li><a href='#'>View All Forums</a></li>
<li><a href='#'>View Active Topics</a></li>
<li><a href='#'>Archives</a></li>
<li><a href='#'>FAQ</a></li>
<li><a href='#'>Terms of Use</a></li>
</ul>
</div>
<div class='caja enlaces'>
<h4>Enlaces recomendados</h4>
<div style="position:relative;height:246px; width:126px; margin:2px; left:24px; padding-top: 25px;">
<script type="text/javascript"><!--
google_ad_client = "pub-xxxxxxxxxx";
/* 120x240, creado 23/03/09 */
google_ad_slot = "xxxxxxxxxx";
google_ad_width = 120;
google_ad_height = 240;
//-->
</script>
<script type="text/javascript"
src="http://pagead2.googlesyndication.com/pagead/show_ads.js">
</script>
</div>
</div>
</div>
Su CSS es:
Código PHP:
div#columna {
position: absolute;
top: 129px;
bottom: 0;
left: 0;
width: 175px;
background: url('../imagenes/gradient_left.gif') repeat-y center;
}
div#columna h4 {
color: white;
background-color: #000;
margin: 0 4px 0 0;
padding: 5px 0 5px 10px;
font-size: 13px;
}
Con internet explorer la columna aparace aproximadamente el 50% de las veces bien y el otro 50% de las veces sin la imagen de fondo. De hecho, al cargarse la página primero aparece la imagen de fondo durante unas fracciones de segundo, y cuando se cargan los anuncios de adsense, desaparece el fondo!!
Con los demás navegadores sale siempre bien el fondo de la columna.
Si quito el bloque de adsense siempre sale correctamente la imagen de fondo de la columna. Es sólo al añadir ese div que contiene el javascript de adsense que actúa aleatoriamente.
¿Alguien sabe por qué pasa esto o cómo lo puedo solucionar por favor?