Question : Simple css style an unordered list help

I am sure this is a common problem, I have a simple unordered lists:

<ul>
<li>contents</li>
<li>contents</li>
<li>contents</li>
<li>contents</li>
<ul>


I am trying to display images within <li> tags however, when there are images that are longer, it disrupts the whole display like this:

 

broke.gif (36 KB) (File Type Details) 

Broke

I know I can set a static height on the li, but is there anyway to clear it or something like that?

Thanks

Answer : Simple css style an unordered list help

Divs are not allowed as direct descendants of unordered lists.  You can try display: inline-block; - but you will have to pat the balls of IE and FF2 as described here:

http://blog.mozilla.com/webdev/2009/02/20/cross-browser-inline-block/