[CSS] Darstellungsproblem im IE

[7th Freet]

Ich arbeite jetzt das erstemal mit div Containern und schon habe ich das erste Problem .
Leider finde ich einfach keine lösung, aber vielleicht könnt ihr mir helfen

Fehler:


Html Code:

<div class="navi">

<strong>HAUPTMENÜ</strong>
<img src="head.gif">
<ul class="back">
        <li>
          <a title="News" href="">&raquo; News</a><br>
          <a title="Anmelden" href="">&raquo; Anmelden </a><br>
          <a title="Profil" href=""> &raquo; Profil </a><br>
          <a title="Memberlist" href="">&raquo; Memberlist</a><br>
          <a title="blabla" href="">&raquo; blabla </a>
      </li>
  </ul>
<img src="end.gif">
<img src="head.gif">
<ul class="back">
      <li>jkl kjl<br>sadffs<br>blabla<br>sdfsdf</li>
</ul>
<img src="end.gif">
</div> 

CSS code:

div.navi {
background-color:#1d1d1d;
width:219px;height:400px;
float:left
}
ul.back {
background-image: url(body.gif);
padding-left:20px;
margin: 0;
list-style: none;
} 

[em-!x]

imho dürfen inline-Elemente nicht neben block-Elementen stehen. Pack also das strong und das img in block-Elemente

[7th Freet]

Danke, so klappts:

<div class="navi">
<div><strong>HAUPTMENÜ</strong><img src="head.gif" width="219" height="16"></div>