I have images I like to float:left. The text wraps fine, however, UL's and OL's don't seem to wrap as nicely. The list bullet is half way in the image. I know I can use margin-left to create a psudeo fix, however, I would like it if I didn't have to do that. I have #div ul ul fixed so it works with 150px wide images, but if I have a 250px wide image... that margin-left:10em isn't going to do the same thing...

Any ideas or fixes?