Browserausgabe (Postitionierung) Verständnisproblem

[Peter]

Hallo Leute,

ich hab ein Verständnisproblem mit der Browserausgabe bei FF und Opera.
Ich habe eine Liste mit Bildern und Bildbeschreibung. Unter die Liste möchte ich ein weiteres Bild platzieren (runde Ecke links unten. Hier der Qelltext:

<div id="text">
   <img id="ro" src="Bilder/ro.gif" width="35" height="35" alt="nix gfunden"/>   <h3>Unser Team:</h3>
   <ul id="ul_team_bilder">
      <li><img src="Bilder/Team/bild1.jpg" alt="" width="165" height="220"/><h6>Titel - Bild 1</h6></li>
      <li><img src="Bilder/Team/bild2.jpg" alt="" width="165" height="220"/><h6>Titel - Bild 2</h6></li>
      <li><img src="Bilder/Team/bild3.jpg" alt="" width="165" height="220"/><h6>Titel Bild 3</h6></li>
      <li><img src="Bilder/Team/bild4.jpg" alt="" width="165" height="220"/><h6>Titel Bild 4</h6></li>
   </ul>
   <img id="lu" src="Bilder/lu.gif" width="35" height="35" alt="nix gfunden"/>
</div>

CSS:
#ul_team_bilder li{
list-style:none;
float:left;
text-align:center;
}
#lu {
float:left;
margin-left: -2.55em;
}

so wird mir das Bild lu.gif für die untere linke Ecke rechts-oben neben dem Team/bild4 angezeigt.

wenn ich jetzt das img-Element in ein div packe funktioniert es.

<div style="width:35px; border: solid 1px red; "><img id="lu" src="Bilder/lu.gif" width="35" height="35" alt="nix gfunden"/></div>

Aber das Bild wird nicht im div dargestellt, sondern darunter. Das div ist über der Liste und das Bild (im div) unter der Liste.
Wer kann mir auf die Sprünge helfen?
Hoffe ihr versteht mich und mein Problemchen.

Grüße
Peter