Como todos sabemos Internet Explorer se pasa por el forro las transparencias de los png’s y una parte importante de estilos CSS, como pueden ser el margin o padding, los cuales trata de manera diferente a como tendría que ser.
Para estos errores de Internet Explorer hay cantidad de trucos(hacks) por la red para solucionarlo, y muchos de ellos buenos, pero si no te quieres complicar la vida y simplemente pasar de Internet Explorer al diseñar un sitio, siempre puedes mostrar un mensaje de advertencia a tus visitantes tal y como hago yo en mi blog si accedéis a él con IE.
Bueno pues hacer esto están fácil como poner esto en tu header.php, entre las etiquetas de <head> y </head> .
<!--[if IE]>
<div id="firefox">
<strong>www.InKiLiNo.com 2.0 no se ve correctamente en Internet Explorer</strong>
<br/> Esto ocurre porque IE no respeta los estándares de la <a href="http://www.w3c.es/" target="blank" >W3C.</a>
<br/>
<script type="text/javascript">
<!--
google_ad_client = "pub-7172193801972661";
google_ad_output = "textlink";
google_ad_format = "ref_text";
google_cpa_choice = "CAAQzar2_gEaCEiq9THxsm3SKOW14YcB";
google_ad_channel = "";
//--></script>
<script type="text/javascript" src="http://pagead2.googlesyndication.com/pagead/show_ads.js">
</script></div>
<![endif]-->
y un estilo CSS en nuestro style.css
#firefox {
position: absolute;
right: 10px;
top: 10px;
width:300px;
border: 2px solid #000;
text-align: center;
padding: 4px;
background: #E7A109;
font-size: 12px;
}A continuación voy a explicaros un poco el código.
