Bijna elke webdeveloper gebruikt lijsten om een navigatie te maken, in de lijst maken we dan links en deze floaten we dan en normaal gezien is alles in orde …. voor de moderne browsers. IE6 en IE7 zullen je het trappen effect tonen. Als je het gezien hebt, weet je waarover ik het heb:

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:

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:

Blockquotes zouden naar aanleiding van het W3C moeten worden voorzien van ” “.
Dit kan men voor de moderne browser eenvoudig via CSS bepalen door gebruik van :before & :after, voor Internet Explorer 6 is er een JavaScript oplossing.

De CSS pseudo eigenschap :hover werkt in Internet Explorer alleen op de <a> tag, alle andere browsers laten je toe deze eigenschap toe te passen op alle HTML elementen. Met volgende JavaScript oplossingen kun je Internet Explorer 6 deze eigenschap ook toekennen.
:active en :focus zijn niet bekend voor IE6, dit script lost dit eveneens op.