In FF/mac en Saf alles ok. In FF/win ook, maar in IE6/win en IE7/win wordt de list_style_image niet op de juiste plaats neergezet (te hoog!). Is dit een bug waar ik nog geen weet van heb?

Zie > http://www.vankralingenadvies.nl/training

Margin en padding. Dat zal het waarschijnlijk wel zijn :D
Oh, line-height zou ook nog kunnen overigens.

Mvg,
Joram

Welkom in de wereld van Win/IE en zijn onvolkomenheden in Css!! Elke dag weer gaan wij webdesigners vol goede moed aan de slag maar telkens laat IE ons weer zakken. Waarom Microsoft? Zelfs met jullie IE7 maken jullie er nog een potje van!!

Afijn, back on-topic!

Ik zou een andere oplossing maken voor het 'probleem'. Die list style images werken zoals je ziet niet echt geweldig op Windows met IE.

Via Css zou ik de list-style op: none; zetten. Zodat ze uit staan. Dan geef je de 'li' een achtergrond plaatje, namelijk het plaatje dat je nu al bullet image gebruikt. Zet de no-repeat aan en positioneer het plaatje, left top, of pas die x en y waardes aan. Vervolgens geef je de 'li' ook wat padding-left, om de inspring na te bootsens als deze nog wel de bullets had.

Voila!! Dit werkt 'beter' voor IE. Ik zou nooit list-style-image gebruiken, persoonlijk.

Ook zeer handig van die jongens van Microsoft: Conditional comments. Met deze truuk kun je per IE versie verschillende stylesheets voeren zodat je voor de Windows gebruikers je website met css zo kan tweaken dat het allemaal er perfect uitziet.