I am looking for the best way to display two columns of a fixed width side by side in a way that allows longer text to wrap. Each li to has a background image. I've seen solutions using a single ul, but they all seem to have drawbacks. My current markup uses two ul lists, one floated left and of a fixed width. This works fine for set length text, but the text overflows (fails to wrap) into the neighboring div once it reaches a certain length.

How do I get around this?