css floating problem: how to get a left float to wrap around a right float

[caseypink]

have a box that displays images wrapped in a div from a database 4 across x 4 high. The image are floating to the left so they self wrap. But I want to add an object (a div) to the top right and have the images wrap around (so only 3 in the first row, then 4 every row after). I've tried using float right, absolute, relative and nothing gets it to display correctly.Any tips?EDIT (CODE):I add the div first then the images, what happens is that the div pushes the image that would otherwise be in the 4th spot down out of the way, doesn't wrap it.This is my goal:\[code\]| Image(in div) Image(in div) Image(in div) Div || Image(in div) Image(in div) Image(in div) Image(in div) || Image(in div) Image(in div) Image(in div) Image(in div) || Image(in div) Image(in div) Image(in div) Image(in div) |\[/code\]Images:\[code\]position:relative;float:left;height:200px;width:200px;\[/code\]Div:\[code\]position:relative;float:right;height:200px;width:200px;\[/code\]