Nezalamující se <li>

Mám takový hloupý problém.
Mám ul, v něm li a stane se, že když mám ve dvou li po sobě krátký text, tak se zobrazí ne pod sebou, jako ostatní, ale vedle sebe.

Měl jsem za to, že pokud to není zadáno v css jinak, tak se položky řadí zásadně pod sebe.
Poradíte co je špatně? Díky.







#rightside{
float:right;
margin:40px 0px 20px 0;
width:130px;
}

#rightside li{
float:left;
margin:0 4px 0 0;
padding:4px 0 4px 0;
border-bottom:1px solid #c0c0c0;
}

#rightside ul{
list-style:none;
margin:0;
padding:0;
font-size:0.8em;
}


<div id="rightside"><h1>2008:</h1>
<ul>
<li><a href="index.php?topic=news#post51">krátký</a></li>
<li><a href="index.php?topic=news#post51">krátký</a></li>
<li><a href="index.php?topic=news#post50">Úmyslunce bolý autný ačít</a></li>
<li><a href="index.php?topic=news#post46">Říkem rojskočár</a></li>
</ul>
</div>

Bubák
Vyhodil jsem float o li, takže mám

#rightside li{
margin:0 4px 0 0;
padding:4px 0 4px 0;
border-bottom:1px solid #c0c0c0;
}

a chová se to stejně :(

kecal jsem, sorry, funguje to jak má.
Díky!