Вопрос по верстке

[Focus]

Вопрос по верстке

Вывожу новости с помощью списка. Список задаю так:

<style>
#usernews    { line-height:normal; padding:0px; margin-top:0px; }
#usernews ul { margin: 0; padding: 0 0 0 10px; list-style: none;    }
#usernews li {  margin:0px; padding-bottom:10px;  }
</style>
<div id="usernews">
<ul>
<li>
    <div><a target="_blank" href="#">Заголовок новости</a></div>
    <div style="height: 5px;"></div>
    <div style="float: left; width: 90px;"><img src="foto"></div>
    <div style="margin-left: 90px;">Anons</div>
</li>
<li>
    <div><a target="_blank" href="#">Заголовок 2</a></div>
    <div style="height: 5px;"></div>
    <div style="float: left; width: 90px;"><img src="foto2"></div>
    <div style="margin-left: 90px;">Анонс 2</div>
</li>
</ul>
</div>

Вот какая кривота получается, новости налазят друг на друга. Как от этого избавиться

 

[@ndrey]

1. Правильно расположить блоки (<div> в <li> не есть хорошо);
2. Разобраться с позиционированием блоков, например тут .