Div positioning

[Mr-T]

I'm in the middle of redesigning my new portfolio website and i'm having trouble getting the footer to work correctly.

It's placed at the bottom of my page but the footer background won't expand the full length of the screen. Also it seems to be stuck on the left hand side of the page.

Is there any way of fixing this ?


http://gcstudios.co.uk/new << That is the link to what i have so far.

All help would be much appreciated, Thanks in advance.

,Gary

[Coyotelab]

this should do it:
.footer {
background:transparent url(http://gcstudios.co.uk/new/images/footer.png) repeat-x scroll 0 0;
bottom:0;
float:right;
margin:0 auto;
position:relative;
width:100%;
}

[Mr-T]

Thanks that worked a treat. Any idea how to get the three boxes in the footer to centre ?

[nathandelane]

Thanks that worked a treat. Any idea how to get the three boxes in the footer to centre ?

Contain those three boxes in another single div that has the CSS:

margin: 0 auto;