Buenas a todos, tengo un problema, el footer de mi pagina web www.psicohuma.com cuando lo veo en chrome va perfectamente pero al verlo en IE me sale completamente desordenado los botones de fb twitter y g+, si activo modo compatibilidad, se ordenan correctamente pero la pagina web pierde algunos estilos como los redondeados de los titulos del menu principal, os dejo aqui el codigo tanto del footer como del estilo, alguna idea de que debo modificar? estoy un poco verde en todo esto
estilo:
#footer-top {
float:left;
width:100%;
height:80px;
background: url(../images/footer-top.png) 0 0 repeat-x;
}
#footer{
float:left;
width:100%;
height:340px;
background: url(../images/footer.png) 0 0 repeat;
}
/****box*****/
#wrapper-box {
float:left;
width:0px;
height:200px;
background:transparent;
text-align:left;
margin-top:0px;
}
.box {
margin-top:0px;
text-align:left;
font-weight:normal;
font-size:13px;
width:980px;
float:left;
#footer-bottom {
float:left;
width:100%;
height:30px;
background: transparent;
}
.ftb {
margin-top:20px;
text-align:center;
font-weight:normal;
font-size:13px;
width:860px;
float:left;
}
.ftb a, .ftb a:visited{
padding:0 !important;
border:none !important;
color:#28180a;
}
.ftb a:hover {
color:#fff;
}
Footer:
<div id="footer">
<div class="pagewidth">
<div id="wrapper-box">
<div style="
width:800px;
height:300px;
background:transparent;
position:absolute;
margin-left:150px"</div>
<h2 style="text-align: center; clear: both; color: #000000; font-size: 30px;">SIGUENOS EN:
<a href="http://www.facebook.com/psicohuma" target="_blank">
<img src="templates/<?php echo $this->template ?>/images/facebook.png" width="48" height="48" alt="Facebook" /></a>
<a href="http://www.twitter.com/psicohuma" target="_blank">
<img src="templates/<?php echo $this->template ?>/images/twitter.png" width="48" height="48" alt="Twitter" /></a>
<a href="http://www.linkedin.com/pub/paloma-huertas-maestre/4b/b00/a18" target="_blank">
<img src="templates/<?php echo $this->template ?>/images/linkedin.png" width="48" height="48" alt="Linked In" /></a>
<div class="fb-like" href="http://www.facebook.com/psicohuma" send="true" layout="box_count" width="60" show-faces="false" font="verdana">
</div>
<g:plusone size="tall"></g:plusone> <a href="https://twitter.com/Psicohuma" class="twitter-follow-button" data-show-count="false" data-lang="es" data-size="large">Seguir a @Psicohuma</a>
<script type="text/javascript"> !function(d,s,id){var js,fjs=d.getElementsByTagName(s)[0];if(!d.getElementById(id)){js=d.createElement(s);j s.id=id;js.src="//platform.twitter.com/widgets.js";fjs.parentNode.insertBefore(js,fjs);}} (document,"script","twitter-wjs");
</script>
</h2>
<div id="footer-bottom">
<div class="ftb">
<p align="center"> <span style="text-align: center; clear: both; color: #000000; font-size: 16px;"> Calle San Nicolás n°13, 1°C - 29016 Málaga. <strong>Teléfono:</strong> 951 10 80 92 - 626 30 41 84 <br /><br /> <strong>Contacto</strong>: <a href="mailto:
[email protected]" class="nohover">
[email protected]</a> <br /><br /> | <a href="http://www.psicohuma.com/aviso-legal" class="nohover">Aviso legal</a> | <a href="http://www.psicohuma.com/proteccion-de-datos" class="nohover">Protección de datos</a> | <a href="http://www.psicohuma.com/condiciones-de-uso" class="nohover">Condiciones de Uso</a> | <a href="http://www.psicohuma.com/mapa-sitio" class="nohover">Mapa del Sitio</a> <br /> <br /> Copyright © 2012 <a href="http://www.psicohuma.com" class="nohover"><strong>Psicohuma.com</strong></a> | Todos los derechos reservados. <font><?php echo $license;?> </font> </span> </p>
</div>
</div>
<div align="center">
<div id="top">
<div class="top_button">
<a href="#" onclick="scrollToTop();return false;">
<img src="templates/<?php echo $this->template ?>/images/top.png" width="50" height="50" alt="top" /></a>
</div>
</div>
</div>
</div>
</div>
</div>