Hi, I'm wondering if any CSS gurus out there can help me as I've been banging my head against this one for some time now...

We have some pages with text to the left that wraps around floating divs to the right which contain a menu and photos. The only trouble is that the 2nd line of text seems to ignore the width of the 2nd floating div in that stack and treats the width as if it were up against the 1st thinner div. 3rd line of text is the correct width though. This causes the text to disappear behind the floating div with the photos inside it.

Using Firefox check out the following examples:
http://tinyurl.com/6ye95s
http://tinyurl.com/6sxeon
http://tinyurl.com/6gsdma

The issue is also present in IE but is only seen when the owner of the listing is logged in and so there's an extra "Edit" menu item pushing the photos div down a little more.

I've tried all sorts of things but no joy so far. I've tried using another float div containing an image resized to with of photos div width to act as spacer between the menu div and the photos div. It didn't even subtly alter the display - text treated it as if it wasn't there.

Any ideas would be greatly appreciated.

Cheers,
Gav ;)