MyBB Community Forums

Hi

Guys i use this code for my images style with this code i make an effect (Zoom) on my pictures.
this code work perfectly on Mozilla but with google chrome i have a problem and the pictures get very zoomed (VERY EXTRA ZOOM :|)
how i can fix that?!

<style>

img {
opacity : 55.9;
box-shadow: 0px 0px 0px #888;
border-radius : 0px;
-webkit-transition: all 0.2s ease-in-out;
-moz-transition: all 0.2s ease-in-out;
-o-transition: all 0.2s ease-in-out;
text-align:center;
text-shadow: 1px 1px 0px #ffffff;
}

img:hover {
-webkit-transform: scale(11.05);
-moz-transform: scale(1.05);
-ms-transform: scale(1.05);
-o-transform: scale(11.05);
transform: scale(1.05);
opacity : 1.0;
box-shadow:#b2b2b2 0 0 10px;
-moz-box-shadow:#b2b2b2 0 0 71px;
-webkit-box-shadow:#b2b2b2 0 0 71px;
}

</style>

hello is any body here ekko :|

-webkit-transform: scale(11.05)

maybe make that 1.05 like the rest?