Mansory do not display nicely with Chrome

There is a difference between Firefox and Chrome for this line;
OK:
<div class=”img_wrapper” style=”display: inline-block; width: 309px; height: 398px;”>……

NOT OK:
<div class=”img_wrapper” style=”display: inline-block; width: 747px; height: 505px;”>……

Do you have a solution for that?
thanks :)

sorry :)
I use the same thing than: http://www.agarkitekter.se/medarbetare/
as discussed here: https://kriesi.at/support/topic/enfold-showcase/page/6/#post-226150
but his site has no issue with chrome… :-(
yes i know it’s a custom stuff butI i would like to use it…

I understant Dude, bu maybe you can just tell me what he had used ? I do not see any <div id=”av-masonry-1″
in his source code…

Yes…
Nevermind, I find a better way (no JS), just apply a CSS classe named, i.e.: grayscale and:

.greyscale img  {
    filter: url("data:image/svg+xml;utf8,<svg xmlns=\'http://www.w3.org/2000/svg\'><filter id=\'grayscale\'><feColorMatrix type=\'matrix\' values=\'0.3333 0.3333 0.3333 0 0 0.3333 0.3333 0.3333 0 0 0.3333 0.3333 0.3333 0 0 0 0 0 1 0\'/></filter></svg>#grayscale"); /* Firefox 3.5+, IE10 */
    filter: gray; /* IE6-9 */
    -webkit-filter: grayscale(100%); /* Chrome 19+ & Safari 6+ */
    -webkit-transition: all .6s ease; /* Fade to color for Chrome and Safari */
    -webkit-backface-visibility: hidden; /* Fix for transition flickering */
}
.greyscale img:hover {
    filter: none;
    -webkit-filter: grayscale(0%);
}

And it works better