CSS хаки для Firefox, Opera, Safari и IE

В процессе верстки часто возникает проблема - требуется определить разные стили для разных браузеров. Почти всем известны хаки для IE, но думаю не многим известны пути решения этой проблемы для Firefox'a или же Safari.
Нашёл решение в интернете и решил поделится.

IE (HTML)

<!--[if IE 7]>
<style type="text/css">
display: block;
</style>
<![endif]-->

<!--[if IE 6]>
<style type="text/css">
display: block;
</style>
<![endif]-->

IE (CSS)

/* IE 7 */
html > body #ie7block
{
*display: block;
}

/* IE 6 */
body #ie6block {
display: block;
}

Firefox

/* Firefox 1 - 2 */
body:empty #firefox12block
{
display: block;
}

/* Firefox */
@-moz-document url-prefix()
{
#firefoxblock { display: block; }
}

Safari

/* Safari */
@media screen and (-webkit-min-device-pixel-ratio:0) 
{ 
#safariblock { display: block; }
}

Opera

/* Opera */
@media all and (-webkit-min-device-pixel-ratio:10000), not all and (-webkit-min-device-pixel-ratio:0)
{
head~body #operablock { display: block; }
}

Хаки прописываются в .css

Автор: Sabir ака mizixxxx
Стоимость: Бесплатно