IE: rendert enkele dingen verkeerd

[F97]

Ik heb een pagina die er (uiteraard) perfect uit ziet in Opera 7.5 en Firefox 0.8, maar compleet verkeerd in IE 6.

Normaal heb je een titel met "Clickertraining" en daaronder een paragraaf tekst met een rechts uitgelijnde foto. Iets verder is er ook een lijstje met vier items met telkens een oranje hondenpootje voor.

In IE daarentegen wordt de foto niet uitgelijnd, en er gaat iets verkeerd met de list-items ook. Hier wordt het eerste hondenpootje uit de lijst niet getoond, bij anderen het tweede. Soms toont ie ze dan weer allemaal, of geen van de vier. Als je over de link gaat (Conceptual synergies), dan komen ze ook ofwel wél tevoorschijn, of net niet ...

Is dit een bug? Of doe ik iets verkeerd? M'n pagina valideert (zowel html als css), daar ligt het dus niet aan.

css staat inline in de pagina, html uiteraard ook.

code:

#content img {
    float: right;
    margin: 0 2em 2em 2em;
    padding: 3px;
    border: 3px solid #f93;
    }

Da's de css voor de image. Als ik 'm clear, geen verschil. En dit is de css voor de lijst

code:

ul {
    margin-left: 2em;
    }

li {
    list-style: none;
    background-image: url(hondenpootje.gif);
    background-repeat: no-repeat;
    background-position: center left;
    padding-left: 2em;
    }

Niets verkeerds, lijkt me?

Dus, zijn het bugs in IE? Zo ja, kan ik er ook iets aan doen? (Behalve m'n pagina helemaal opnieuw coden ... Whehe.)

[crisp]

speel hier eens mee:

Cascading Stylesheet:

#content p {
    width: 85%;
    }

[F97]

crisp schreef op 31 juli 2004 @ 16:42:
speel hier eens mee:

Cascading Stylesheet:

#content p {
    width: 85%;
    }

Ja, als ik dat uit comment, dan float die juist. Uch. De list-items daarentegen doen wél nog raar.

Maar, is er dan een oplossing of work-around om die tekst toch op 85% te krijgen? (Ooh, een padding-right in die div dan zeker? Eens proberen.)

Damned, hartelijk dank.