Muy buenas.
He estado diseñando una nueva web y el footer e creado una zona con link´s a otras web, con IExplorer funcionan todos, pero sin embargo con firefox sollo funcionan algunos.
Alguien puede explicarme que es lo que sucede?
Os dejo el codigo html y css por si quereis hecharle un ojo.
Codigo html
<div id="footer"><!---comienzo zona link-->
<img src="../imagenes/cuerpo-pie2.png" width="1100px" height="140px" border="0">
<div id="enlaces">
<div id="interes">
<h3>Patrocinadores</h3>
<ul class="listados">
<li><a href="http://www.listadeespera.eu" target="_blank"title="Acuariofilia y mantenimiento santander">Lista de espera sanitaria.</a><img src="imagenes/separador.png" width="149px" height="3px" alt="" class="separador"></li>
<li><a href="#" target="_blank"title="Animal Lago - Veterinarios">Animal lago.</a><img src="imagenes/separador.png" width="149px" height="3px" alt="" class="separador"></li>
<li><a href="http://www.jufor.net" target="_blank"title="Jufor - Mundo animal, expecialista en acuarioflia">Jufor</a><img src="imagenes/separador.png" width="149px" height="3px" alt="" class="separador"></li>
<li><a href="http://www.pezdisco.es" target="_blank"title="Acuariofilia y mantenimiento santander">Tropical cantabria.</a><img src="imagenes/separador.png" width="149px" height="3px" alt="" class="separador"></li>
</ul>
</div><!--fin de enlaces de interes-->
<div id="foros">
<h3>Enlaces de interes</h3>
<ul class="listados">
<li><a href="http://acuariofilia.spain-networks.com/foro" target="_blank"title=" Debate sobre acuariofilia">Foro Acuariofilia</a><img src="imagenes/separador.png" width="149px" height="3px" alt="" class="separador"></li>
<li><a href="http://www.aquaplantas.com" target="_blank"title="1º en venta de plantas atraves de la red">Aqua Plantas</a><img src="imagenes/separador.png" width="149px" height="3px" alt="" class="separador"></li>
</ul>
</div><!--fin de foros de interes-->
<div id="amigas">
<h3>Webs amigas:</h3>
<ul class="listados">
<li><a href="http://www.listadeespera.es" target="_blank" title="Lista de espera Tenerife">Lista de Espera Tenerife</a><img src="imagenes/separador.png" width="149px" height="3px" alt="" class="separador"></li>
<li><a href="http://www.ofertasdehosting.net" target="_blank" title="Las mejores ofertas de hosting en internet">Ofertas de hosting</a><img src="imagenes/separador.png" width="149px" height="3px" alt="" class="separador"></li>
<li><a href="http://www.comocreartuweb.com"target="_blank"title="Creac ión web by Jorgens">Como Crear Tu Web.</a><img src="imagenes/separador.png" width="149px" height="3px" alt="" class="separador"></li>
</ul>
</div><!--fin de webs amigas-->
</div><!--fin de zona enlaces-->
Codigo css
#footer {
width:1000px;
margin-top:-52px;
margin-left:110px;
overflow:hidden;
}
#footer #enlaces{
width:1000px;
margin:0 auto;
margin-top:-120px;
}
#footer h3{
margin:0;
padding:0;
padding-top:15px;
margin-left:17px;
font-size:14px;
font-family:Georgia, verdana, arial, serif;
color:#e8eae9;
margin-right:15px;
}
#footer ul.listados{
margin:0;
padding:0;
list-style:none;
padding-left:33px;
padding-top:7px;
}
#footer ul.listados li{
margin:0;
padding:0;
font-size:13px;
font-family:Georgia, verdana, arial, serif;
color:#e8eae9;
}
#footer ul.listados li a{
color:#e8eae9;
text-decoration:none;
display:block;
}
#footer ul.listados li a:hover{
color:39a0c3;
text-decoration:underline;
}
.separador{
display:block;
padding:5px 0 5px 0;
}
#interes{
float:left;
margin-left:50px;
}
#foros{
float:left;
margin-left:150px;
}
#amigas{
float:right;
margin-right:80px;
}
Espero que podais sacarme de la duda ya que he estado revisando el codigo y no he encontrado nada extraño.
la web por si quereis ver lo que os comento es
http://www.acuariofilia.eu
Si accedeis con ie funcionan todos los link pero con firefox solo algunos.
Un saludo