Beste mensen,
ik ben bezig met het maken van een site, het heeft een AJAX effect en een menustructuur dat ik combineer.
Ik maak de site mbv Dreamweaver.
Nu heb ik een voorbeeld van wat er mis gaat in Internet explorer op de pc: http://www.volta.nl/a-test/

In Safari en Firefox gaat het wel goed maar in iE gaat menu mis. Zeer vervelend omdat het een vereiste is dat het juist in IE goed moet werken.
In IE komt het 2e menu, dat ik een andere kleur geef niet rechts naast de tekst te staan zoals dat bij de andere browsers gaat het wel goed.
De link naar het css:http://www.volta.nl/a-test/SpryAssets/SpryMenuBarVertical.css
Ik ben al 2 dagen aan het 'pielen' om het juist te krijgen maar ik zie niet waar het fout gaat.
Wie wil mij helpen? Alvast veel dank!!
gegroet

In de broncode van je webpagina heb je al enkele IE uitzonderingen staan:

<!-- [if IE 5]>
...
<![endif]-->

<!-- [if IE]>
...
<![endif]-->

Plaats hierin ook de uitzonderingen die op je menu van toepassing zijn - effe spelen met padding(-top) en/of margin(-top) (class: MenuBarItemSubmenu). Ze worden dan niet door Safari/FF gebruikt.

Mooier is trouwens om al je css in files te plaatsen. En de IE hacks die nu her en der staan verspreid te bundelen in eigen css-files, bijvoorbeeld:


<!--[if IE 5]><link rel="stylesheet" href="/css/ie5.css" type="text/css" media="screen" /><![endif]-->
<!--[if gte IE 5]><link rel="stylesheet" href="/css/ie.css" type="text/css" media="screen" /><![endif]-->


Die rare f\loat notatie kan dan ook achterwege blijven