image float question

How do I go about floating a large pic to the left with 4 smaller pics (2 rows/ 2 columns) to the right? I have been using all kinds of different combinations of float,clear etc but no luck so far.
The attached pic may help anyone understand what i am trying to achieve

 

have you tried a putting in 2 column divs (one for the left image and one for the 4 on the right)

something like

#leftdiv {
float:left;
width:whatever;
}

#rightdiv {
float:right;
width:whatever;
}

and then....

<div leftdiv>insert image here</div>
<div rightdiv>insert 4 images here</div>



i havent tested this obviously - but off the top of my head i think with a little customisation this should work

 

i think this works great. also you should use new div or &nsb.. tag on between 4 small images.

 

no i haven't tried columns, figured there was a way to do it without it but that is what I will do.
thanks united

::edit::
worked perfect! Thanks United

 

basically when you try to float multiple divs is wrapping them into bigger ones really good way to go, you have it then nicely divided and under control...

 

no problems - glad i could help