Guten Tag an die Webgemeinde,

Folgende ul-li habe ich geschrieben:

  
<div class="info"><ul id="language">  
To go or return to the start page of your language, click on the corresponding language button  
<li><a href="de/index.html">Deutsch</a></li>  
<li><a href="en/index.html">English</a></li>  
<li><a href="fr/index.html">Français</a></li>  
<li><a href="ru/index.html">Русский</a></li><br>  
<span style="float:left"><li>or go to the &nbsp;<a href="index.html">Welcome page</a></li></span></ul>  
</div><br class="clear">  
<div class="anker-liste">  
Choose among the following slide shows:  
<ul class="anker">  
<li><a href="#slide-show-11">From Nufenenpass to Gotthardpass</a></li>  
...(viele weitere href's)  
</ul></div><br class="clear">  

Es geht nur um die erste ul, da gelingt es mir nicht zu verhindern, dass das einelne li-elemente über den unteren Rand des div-elements hinausragt. Woran liegt das? Ich habe in dieser ul ein li-element, das ich auf eine neue Zeile haben möchte, deshalb der br mit span float: left. Ist das der Grund?
Hier kann man sehen, wie es jetzt aussieht.

Vielen Dank für Hinweise,
bari.