Place div behind all other divs on the page

Get Started
1

Hey,

I have header and footer background divs and a 3rd div I want to add that will sit behind the header and footer divs to create a coloured area for the menu to sit in… But I cant successfully send the 3rd div behind the header and footer divs…

Here is the css I have so far:



div#bgtop {
	width: 100%;
	margin: 0px;
	padding: 0px;
	position: relative;
              background-repeat: repeat-x;
	background-image: url("images/header-bg.png");
}
div#bgbottom {
  	width: 100%;
	margin: 0px;
	padding: 0px;
	position: relative;
	background-repeat: repeat-x;
	background-image:url("images/bottom-bg.png");
 	background-position:left bottom;
}
div#bglinks {
	width: 220px;
	background-color: #0479FC;
	position: absolute;
	z-index: -100
}

How should it be so that “bglinks” will sit in place behind all other divs on the page as there are other divs creating the layout in the styles sheet as well…

Thanks

2

The best option may not be to use a div at all, but rather a background color on an existing div. But we’d need to see your page to know for sure. Any chance of posting a live link?

3