Positioning problem in chrome browser

Hey,

in the middle area on the website below I have 4 images and 4 icons. With custom-css I put them exactly in the position I need. At Firefox and IE it works fine but in chrome the left pictures don´t move closer to the right. Here are the css I used.

Thank you very much for your help!
Regards,
wordmax

/*move icons to the left*/
.iconcloser {margin-right: -90px !important;}

/*move icons to the right*/
.iconcloserleft {margin-left: -90px !important;}

/*move images to the left + border + borderradius + boxshadow*/
.picturecloser {margin-right: -100px !important; margin-top: -20px !important;
border: 1px solid white !important;
border-radius: 5px !important;
box-shadow: 0 0 5px rgba(0, 0, 0, 0.3) !important;}
.picturecloser .avia-image-container-inner, .avia_image, .av-image-caption-overlay {
border-radius: 5px;}

/*move images to the right + border + borderradius + boxshadow*/
.picturecloserleft {margin-left: -106px !important; margin-top: -20px !important;
border: 1px solid white !important;
border-radius: 5px !important;
box-shadow: 0 0 5px rgba(0, 0, 0, 0.3) !important;}
.picturecloserleft .avia-image-container-inner, .avia_image, .av-image-caption-overlay {
border-radius: 5px;}