Основные хаки для основных браузеров - IE6-8, FireFox, Opera, Safari и Chrome Internet Explorer любой версии
Первое решение это конечно Conditional Comments. Чтобы правило работало, прописываем в конце каждого определения !important Второе: <!--[if lte IE 6]>
<link rel="stylesheet" href="css/cssf-ie6.css" type="text/css" media="screen">
</link>
<![endif]-->
Ещё одно решение это хаки.
* html #div { height: 300px; } /* Только IE6 */
*+ html #div { height: 300px; } /* Только IE7 */
Opera >9
Прописываем прямо в CSS.
@media all and (-webkit-min-device-pixel-ratio:10000),
not all and (-webkit-min-device-pixel-ratio:0) {
.style {background: #F00;}
}
Safari и Google Chrome
body:last-child:not(:root:root) .style {
background: #F00;}
Firefox
@-moz-document url-prefix() {
.style {background: #F00;}
| 