image alignment issue

I’m playing about with a website located here: http://www.letstalkhorses.co.uk/

I’m still messing around with CSS at the moment so don’t worry about a lot of things.

The problem is that I have is that i have added some copy for the front page and an image (using tinymce). for the life of me I cannot get the image to appear on the right hand side, between the text on the left and the 3 boxes.

I have selected the image in TinyMCE and aligned it right (float: right;) but I cannot get it to appear either alongside the text or with the text flowing around it.

Any ideas?

Cheers

The clear property on the three floated side boxes is interfering with the floated image.

Either apply an overflow to the .padding element or wrap the three side boxes in a containing div, apply a float to the containing div and remove the floats from the three inner boxes.

use <img src="wherever" align="right" />