problemas con float

[alfil123]

hola amigos tengo un problema con css, tengo una lista en la te estoy usando tags dd y dl,dentro de cada li, bueno el dd,con css, le indico que flote a la izquierda y lo hace bien el problema en con el siguiente li que aparece asu lado y no debajo como deberia


<ul id="hl2">
<li><h4>ULTIMAS NOTICIAS</h4></li>
<li>
<dl>
<dd>
El Electro Sur Este viene realizando con exito el cambio de Focos Incandecentes por Focos Ahorradores totalmente gratis, producto de esta campaña se procedió a la destrucción de los focos incandecentes cambiados
</dd>
<dd>
Jorge Rozas Velasco, presidente del Directorio de la Empresa Electro Sur Este, manifestó que se invirtieron 25 mil nuevos soles y que esta acción es una manera de afianzar las relaciones que tiene la Empresa con sus usuarios.
</dd>

</dl>
</li>
<li id="bottom"><b>4444bg</b></li>
</ul>
<div> 88888
</div>
este es el css



#hl2 lu{ width:500px; background:#EFE7DE; }

#hl2 dl dd { float:left; width:323px; margin-right:3px;}


si alguien me puede dar unas luces de como solucionar mi problemita