mi problema es el siguiente:
tengo una serie de imagenes de 150 x 150 , ordenadas en 4 columnas y 3 filas , les e dado un estilo con hover para que al pasar el mouse por ensima el borde se agrande un poquito y cambie de color. el problema va que cuando paso el mouse por la las 3 primeras imagenes de cada fila las que estan debajo pierden su posicion alejandose mucho.. como si hubiera otra imagen en el medio, pero con la ultima de cada fila todo va bien no se descuadran nada ni nada. x q ?
aqui el html:
<img src="imagenes/1_s.jpg" id="im_mini">
<img src="imagenes/2_s.jpg" id="im_mini">
<img src="imagenes/3_s.jpg" id="im_mini">
<img src="imagenes/4_s.jpg" id="im_mini">
<img src="imagenes/2_s.jpg" id="im_mini">
<img src="imagenes/1_s.jpg" id="im_mini">
<img src="imagenes/4_s.jpg" id="im_mini">
<img src="imagenes/3_s.jpg" id="im_mini">
<img src="imagenes/1_s.jpg" id="im_mini">
<img src="imagenes/2_s.jpg" id="im_mini">
<img src="imagenes/3_s.jpg" id="im_mini">
<img src="imagenes/4_s.jpg" id="im_mini">
aqui el css:
#im_mini{
margin-top:15px;
margin-left:15px;
float:left;
border:1px solid gray;
}
#im_mini:hover{
border:2px solid blue;
cursor:pointer;
}
creo que es halgo con el hover: , borde
por q si en el #im_mini:hover border dejo la misma cantidad q en el estado actual todo funciona muy bien..
pero con 1px q aumente en el hover de una vez se me descuadran