Hacki CSS dla przeglądarki kojarzą się głównie z IE6. Obok komentarzy warunkowych, najpopularniejszym sposobem na zastosowanie innych wartości atrybutów CSS w IE6, jest sztuczka polegająca na dodaniu przed selektorem * html, np

/* wszystkie przeglądarki */
#menu {
	margin-top: 10px;
}

/* tylko IE6 */
* html #menu {
	margin-top: 5px;
	font-size: 10px;
}

Niestety na rynek trafiła przeglądarka IE7, w której nie działa hack * html. Na szczęście mamy do dyspozycji inną kombinację selektorów, która działa tylko w IE7 – *:first-child+html. Ostatecznie CSS dla IE6 oraz IE7 będzie wyglądał następująco:

/* wszystkie przeglądarki */
#menu {
	margin-top: 10px;
}

/* tylko IE6 */
* html #menu {
	margin-top: 5px;
	font-size: 10px;
}

/* tylko IE7 */
*:first-child+html #sub-menu {
	margin-top: 8px;
}