Hi,
I have a question about the css of my footer ? I am using Blueprint 6.x-1.7

I have 4 blocks in the footer region
The css of the footer is:

	position: absolute;
    background: url(http://www.cityseafoods.com/sites/default/files/footer_cs_main.png)  repeat-x scroll center top;
    width: 100%;
	height: 100%;
	left: 0;
	z-index: -1;

The css for the 4 blocks is:

#follow_cs {
	float: left;
	position: relative;
    top: 20px;
}

#twit_cs {
	position: relative;
	float: left;
    top: 20px;
}

#block-views-newsletter-block_1 {
    position: relative;
	float: left;
	top: 16px;
}
#footer_menu_cs {
    position: relative;
	float: left;
	top: 16px;
	}

I want the items to have a position:relative; however they seem to be inheriting the position :absolute; from the footer css I guess cause they are wrapped in the footer div. However I have to have the position:absolute; for the footer otherwise it will not extend the full width of the browser window, if I use position relative it creates a div that is floating in the center of the page.

Let me know if I can add any other information.

thanks you very much for your help.

Also the node in question is http://cityseafoods.com/home

thanks again,

Nick