caramba me encuentro ante un dejavu jaja creí haber respondido esta pregunta la semana pasada pero veo que es de hace un par de días....
en fin respondo mas o menos de la misma forma que lo hice antes
la forma mas adecuada que encontrado para este efecto es en el CSS
agregar las etiquetas propias de cada navegador (-webkit- , -o- y -moz-) así como también incluir la propiedad CSS3
Código CSS:
Ver original.bubblewrap li img:hover{
-moz-transform:scale(1.8); /*scale up image 1.8x*/
-webkit-transform:scale(1.8);
-o-transform:scale(1.8);
transform: scale(1.8);
}
pero claro esto sin tomar en cuenta a IE, en caso de desear el efecto dicho explorador tenemos que recurrir a los famosos -ms-filter y filter de IE que aunque no es exactamente lo mismo se le asemeja bastante
para tu caso seria
Código CSS:
Ver original.bubblewrap li img:hover{
-moz-transform:scale(1.8); /*scale up image 1.8x*/
-webkit-transform:scale(1.8);
-o-transform:scale(1.8);
transform: scale(1.8);
/* IE8+ - must be on one line, unfortunately */
-ms-filter: "progid:DXImageTransform.Microsoft.Matrix(M11=1.8, M12=0, M21=0, M22=1.8, SizingMethod='auto expand')";
/* IE6 and 7 */
filter: progid:DXImageTransform.Microsoft.Matrix(
M11=1.8,
M12=0,
M21=0,
M22=1.8,
SizingMethod='auto expand');
}
aquí te dejo link a una herramienta que te dara el codigo necesario
http://www.useragentman.com/IETransformsTranslator/
Espero te sea de ayuda suerte...