Float left somehow being broken

Question

Take a look at http://new.reyniersaudio.com/test.html

The idea here is that I want the container "modelInfoRightCol" to wrap around "modelInfoRightCol (the picture of the case and pricing info)".

What am I doing that's preventing this from happening.

Thanks!

Answer 1

Try assigning a width to #modelInfoLeftCol.

Answer 2

The containing div has no assigned width so it's just wide enough (with overflow: hidden) to contain the inner divs, the widest div in this case. If you want to make it wider, give it an explicit width.

This is one way of fixing the problem:

#modelInfoLeftCol { width: 600px; }