Firefox en Chrome geven de navigatiebalk anders weer dan Internet Explorer. Al scheelt het 1px, wat kan ik hieraan doen?

In je code zie ik zo snel geen probleem, dus het zou kunnen dat dit simpelweg een afwijking is van IE. Als je een linkje hebt met een voorbeeld van het probleem, dan is het wel gemakkelijker om naar de oorzaak te zoeken.

Wanneer we te maken hebben met een afwijking van IE (bijvoorbeeld een alternatieve interpretatie, of een bugje in IE) zou ik je aanraden om het zo te laten.

Zoals je aangeeft kun je werken met een conditioneel element, deze plaats je in de head van je pagina, na je gewone css (code of link). code die je hier plaatst, bijvoorbeeld om de hover afbeelding een pixel omhoog te plaatsen, overschrijft voor IE de standaard css omdat je standaard css erboven staat. Andere browsers negeren de extra toevoeging en blijven dus werken zoals nu.

Echter, deze code toevoegen voor 1 pixel verschil, doet naar mijn mening meer kwaad dan goed. je pagina wordt namelijk groter (zwaarder), daarom raad ik aan om alleen conditionele code te gebruiken voor functionele problemen (bijvoorbeeld wanneer een menu knop deels buiten beeld valt). Nog een nadeel: indien we te maken hebben met een bugje in IE, en er komt een nieuwe versie uit, is het probleem misschien wel opgelost. Maar dan wordt je eigen oplossing nog steeds uitgevoerd, en staat je hover dus voor de nieuwe IE versie een pixel te hoog. je kunt dit oplossen door je conditionele statement aan te passen met een versienummer. je kunt mikken op 1 specifieke versie [if IE9] of bijvoorbeeld op een specifieke versie en alle eerdere versies [if lte IE9]. voor meer informatie hierover: http://msdn.microsoft.com/en-us/library/ms537512(v=vs.85).aspx zie de tabel met "operators" onder "Syntax of conditional comments"