[themanmathias]

I have a problem I keep coming up against in CSS that I have tried to fix with no avail.

www.all-that-i-am.co.uk/videos

I am adding some video thumbnails with the text towards the bottom of the page hopefully in two columns (there are 8 so I though 2 x 4)

I have a div that I always but after my body content with a image background (a road) and a quote.

Now in Explorer, the road background div gets pushed down irrespective of what <div>s and <p>s I put above it and it looks great, but in Firefox the road background div doesnt push down beyond my video thumbnails, the layout breaks.

Can anyone tell me why? I thought if I put a clear: both; on the road background div it would push it down but no.

Sorry for the random description, hopefully the problem will be obvious upon checking the url.

Thanks as always,

Andy

[Brandon@Cstone]

The first thing I would do is try adding

Code:

clear: both

to home bottom. It looks like your float may be causing issues in firefox. Hopefully this won't change anything in IE, but I think you'll be fine. let me know if that works. If not I'll play with your code (there's a lot to skim through)