Hi,

I was wondering if anyone could lend me a hand?

Im having a right pain sorting out some layout problems with firefox

my site http://testzone.alphaclient.co.uk/site/test-index.htm

appears to work fine in IE7, however im having some issues with firefox, i think its something to do with clearing the divs.

Any help would be greatly appriciated!

the site is contained within 3 different sections:

header
maincontent
footer

for each of these sections i have a background image assigned.

the header and footer background appear to load fine. however the main content background doesnt load in firefox and when in IE it moves (when the browser window is minimised) i want the content background to remain fixed however each page has a different height so i cant set a aprticular height...

Also with firefox the maincontent background doesnt load properly. i have two divs located within it which are floated. i have tried clearing them however it results in problems.

Anyone willing to help me? i have spent ages creating this site and just need some help debugging it.

Cheers, Ben.

i have made some slight progress:

the new version can be seen here

my issues now are that its not aligning properly in the centre like in IE and the sections arent joined properly.

if i make an ammend for firefox it will upset IE any ideas?

Cheers, Ben.

All you had to do, before you started to make changes, was to set the margin for the maincontent div from auto to 0.

margin: 0;