Eén CSS hack voor internet Explorer 6, die alle problemen in één keer oplost? Hij bestaat, maar je moet voor jezelf uitmaken of je hem toepast of niet, wees er voorzichtig mee, maak een statement of blijf ondersteunen:

FireFox is de neige browser die een probleem heeft als er line-height gebruikt word in formulier velden, en is altijd een offset van 2px aan de bovenkant, elke ander browser (zelfs IE6) rendert dit correct af.
Je kunt dit probleem oplossen door de FireFox 3 only hack te gebruiken:

Haslayout is een browser specifieke eigenschap van windows browser Internet Explorer om te zeggen of een element dimensie moet krijgen van zijn siblings (elementen met inhoud in het betreffende element), maar door sommige CSS eigenschappen toe te passen verandert dit soms naar Haslayout-1 en krijg je niet hetzelfde effect als in andere browsers. Hoe je dit kunt oplossen met volgende 2 kleine CSS Snippets:

Het zal je zelden voorkomen, maar de ondersteunde pseudo-selector :first-child in Internet Explorer 7 werkt niet meer als je je :first-child in de HTML vooraf gaat met een HTML comment, bekijk volgend voorbeeld:

Als je in je stylesheet hacks gaat inbrengen kan je daarmee de validatie ervan zeer sterk naar de knoppen helpen. Volgende manieren laten je toe valide CSS te schrijven die tegelijk als CSS hack kan dienen voor verschillende browsers. Voor Google Chrome en Apple Safari hacks kan je deze CSS Snippet raadplegen.