Multiple paragraphs not wrapping around left-floated elements in IE7

Question

I have an image and a caption in a container that float left, and I have multiple paragraphs that should be wrapping around these. I've done a jsfiddle of the basic idea, and it works everywhere I've checked except IE7 and below. And, of course, the client uses IE7.

It's such an elementary thing. It's driving me nuts! What am I missing. Many thanks in advance!!!

http://jsfiddle.net/BALUn/

Answer 1

Try setting the style rules for p.main to width: auto; and see if that helps.