CSS hack for Google Chrome and Safari

<< Why CoffeeScript is an issue | Home | Creating classes in JavaScript >>

CSS hack for Google Chrome and Safari

When wanting to hack css in an external stylesheet just for Google Chrome and Safari. Here is an example of where I override the margin-top for Chrome and Safari.

Normal:
#AccountMaintenanceWrapper #callDetailsPreviewWrapper
{
    border: none;
    padding: 0px;
    width: 209px;
    position: fixed;
    margin-top: 84px;
    z-index: 1;
}

Google Chrome and Safari:
@media screen and (-webkit-min-device-pixel-ratio:0)
{
    #AccountMaintenanceWrapper #callDetailsPreviewWrapper
    {
        margin-top: 12px;
    }
}