how to compatible CSS for chrome, IE8 and IE9

– Open css from skin/frontend/default/yourstore_name/css/reset.css.

– Put below code for Chrome compatibility

@media screen and (-webkit-min-device-pixel-ratio:0) {
.new img { margin-left:128px; }
}

– For IE8 compatibility

@media screen{ .new img {
margin-left: 130px9; }
}

For IE7 compatibility

@media screen9 {
.new img {
margin-left:42px;
}
}

-For IE9 Compatibility

:root .new img { margin-left:130px /IE9; } /* IE9 */
OR
@media all and (min-width:0) {
.new img { margin-left:128px /; } /* IE9 */
}