Bien, despues de darle algunas vueltas lo he arreglado de una forma que no me gusta mucho, pero funciona. Le he quitado el float: right; y le he puesto un margin-left: 830px;, ahora si que enlaza bien y todo correcto.
Me gustaria aprovechar el mismo hilo para ver si alguien me puede ayudar en el mismo problema aunque en algunas lineas mas abajo, y viendo la resolucion del anterior problema, quiza sea tambien de los floats, aunque he probado de quitarlos, ponerlos, poner solo el de la derecha, solo el de la izquierda y nada... sigue igual, dejo el html y css:
Codigo HTML:
Cita: <div id="menu"><div id="montsacopa"><a href="volca_garrinada.html"><p><h1>Volca de la Garrinada</a></p></h1></div><div id="montsacopa2"><a href="volca_montsacopa.html"><p><h1>Volca de Montsacopa</a></h1></p></div><br /><div id="montsacopa3"><a href="volca_montolivet.html"><p><h1>Volca de Montolivet</a></h1></p></div><div id="montsacopa4"><a href="volca_bisaroques.html" class="selected"><p><h1>Volca de Bisaroques</a></h1></p></div>
</div>
Codigo CSS:
Cita: #menu{
float: right;
color: #FFF;
width: 400px;
height: 200px;
}
Cita: #montsacopa, #montsacopa3{
margin: 5px 205px 5px 15px;
float: left;
}
#montsacopa2, #montsacopa4{
float: right;
margin: -53px 15px 5px 5px;
}
Espero que me puedan ayudar y muchas gracias!