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

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

<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>

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