CSS Hack for IE VS Firefox VS Safari VS Opera

/* Firefox */
@-moz-document url-prefix()
{
.arrowlistmenu { margin-top:-10px }
}

/* Safari */
@media screen and (-webkit-min-device-pixel-ratio:0)
{
.arrowlistmenu { margin-top:-10px }
}

/* Opera */
@media all and (-webkit-min-device-pixel-ratio:10000), not all and (-webkit-min-device-pixel-ratio:0)
{
.arrowlistmenu { margin-top:-10px }
}


/* IE 7 */
html > body #ie7
{
*.arrowlistmenu { margin-top:-10px }
}

/* IE 6 */
body #ie6
{
_.arrowlistmenu { margin-top:-10px }
}





With stylesheets