Uitlijning div in IE

[klaas]

Op de website waar ik mee bezig ben heb ik een raar probleempje: het laatste item van het topmenu wordt in Internet Explorer iets lager uitgelijnd dan de rest van het menu en ik kan de oorzaak niet vinden:



Zoals je ziet staat "Sport" iets lager dan "Geld".

In Firefox en in Opera staan ze wel op dezelfde hoogte (zoals het hoort).

Het gekke is dat alle items van het topmenu onder dezelfde class vallen:
[syntax="CSS"]
.topmenu, .menu
{
position: absolute;
top: 40px;
}
[/syntax]

In theorie zouden ze dus allemaal op dezelfde hoogte van 40px moeten staan. In FF en Opera is dat ook zo, alleen in IE niet.

Iemand ideeën?

[Anthony]

Ik vermoed dat het iets tem aken heeft met het javascript ofwel met de link-effectjes van de navigatie aangezien het bij mouse-over wel goed staat.

[klaas]

[Anthony]

Er is een mogelijkheid dat het aan deze enter ligt

[syntax="html"]<div class="topmenu" id="topmenu_item4">
<a class="topmenulink" href="#" OnMouseOver="show('menu4')">Geld</a></div>

<div class="topmenu" id="topmenu_item5">
<a class="topmenulink" href="#" OnMouseOver="show('menu5')">Sport</a>
</div>[/syntax]
Het is eigenlijk best aangeraden om alles op 1 lijn te schrijven per menu item

[Derk]

wat amakt een enter in de bron uit?
zolang het niet tussen pre tags staat mag het geen enter worden

[klaas]

[Anthony]

[Derk]

[tomdalenberg]

toen ik de site bekeek in IE zag ik geen verschil

[mats]

volgens mij hadden ze het probleem al opgelost...

[Anthony]

Bij divs ligt het iets anders

Bij tekstetekst</div> is de div direct gesloten na het woord tekstetekst
Bij tekstetekst
</div> is er nog wat plaats wat voor een heel klein verschil kan zorgen

[julien]

Misschien stond er 1 spatie voor de </div> dan maakt het wel iets uit hé.

[mats]