floating divs

[Zaphan58]

I have a problem which is most likely pretty straight forward.

What I am trying to do is have have an image and then along side the image on the right hand side some text.

I created two divs and floated them left, one for the image and another for the text which has worked and given the desired affect.

The problem is I want to duplicate this but a few lines below for another set of images and text. What I have currently done obviously floats the next set along side the first set.

Ideas?

 

[Zaphan58]

Cheers guys, after a bit of fiddling I came up with this:

<div class="artThumbs">

    <a href="images/big1.jpg" rel="lightbox"><img src="images/thumb1.gif" alt="electronic hand" title="electronic hand" width="120" height="85" border="0" class="artwork" /></a> 
	<span class="artText">test text</span>	
	
	</div>

CSS:

.artThumbs{
margin-bottom:5px;
float:left;
clear:left;
}

.artText{position:absolute;}

It works fine but does this look like a good way of doing it? It breaks my footer for some reason but I'm sure I can figure that out.