[SOLUCIONADO] Problema con botones css

[mili_07]

Buenas, tengo un problema en mi web www.pablocaput.com.ar al hacer hover sobre los botones se mueve toda la página debajo, nose como solucionar este problema. Si alguien tiene alguna solucion le agradezco!

[madman_18]

Pienso que puede ser por que aplicas el margin de 10px al hacer el hover...prueba a convertirlos en un relative y a jugar con la posición top cuando haces el hover.

Algo tipo

Código CSS:

#tuenlace:hover{
position: relative;
top: 10px;
}
 

A ver si con eso se soluciona ese movimiento del contenedor al hacer el hover

[C2am]

Dale una altura a

Código CSS:

#menu {
width: 90%;
margin: 50px auto;
height: 80px;}
 

La altura debe ser igual o mayor a la suma de la altura de los li más el desplazamiento que les das con :hover.
Yo probe con 80px y funciono, pero ve probando así te queda claro el tema.
Saludos

[mili_07]

Iniciado por madman_18

Pienso que puede ser por que aplicas el margin de 10px al hacer el hover...prueba a convertirlos en un relative y a jugar con la posición top cuando haces el hover.

Algo tipo

Código CSS:

#tuenlace:hover{
position: relative;
top: 10px;
}
 

A ver si con eso se soluciona ese movimiento del contenedor al hacer el hover

Muchísimas gracias por tu ayuda! Tu solución funcionó 100%!