CSS Text Wrapping/ Floating Image Issue

[tweeter]

I've read up on the "collapsing parent" issue, and am not sure if this is a case of that or not. Here is the example:

http://www.ohwellsowhat.com/house/index.php

As you can see, I've floated the large image to the left and I am trying to get the smaller picture to go down the column on the right. What happens is the first word in the next paragraph appears at the top of the picture. I'm baffled!

I feel like my "flow" is out of order. Please help!

[hyperion]

Try adding this code to your CSS file


.right{
margin: 5px 0 5px 18px;
padding:0;
}