Muy buenas, me estoy encontrando con un problema en el diseño. En Chrome se ve bien las imagenes insertadas con sus margenes pero luego en Firefox y en internet el margin-top lo aplica diferente, este es mi css creado
Código PHP:
.uno {
background: url(img/uno.jpg) no-repeat;
margin: -41.5em 1.3em 0;
float: right;
height: 159px;
width: 411px;
}
.uno:hover { background-position: 0 -159px; }
.dos {
background: url(img/dos.jpg) no-repeat;
margin: -27em 1.3em 0;
float: right;
height: 177px;
width: 411px;
padding:0;
}
.dos:hover { background-position: 0 -177px; }
.tres {
background: url(img/tres.jpg) no-repeat;
margin: -10.8em 1.3em 0;
float: right;
height: 225px;
width: 411px;
padding:0;
}
.tres:hover { background-position: 0 -228px;
}
¿Alguien sabe como puedo aplicar margenes solo para explorer y firefox?
Muchas gracias