Vertical menu wont move with rest of objects

Posted: Fri, 2008-07-25 12:01

This is the first time I have created a vertical menu that centers on the screen. I have gotten all the page elements to center, but the menu. It is fixed and doesn't move with the rest of the page.

Here is the link:

http://wearease2.fs6radius3.com

Is there some way to attach the menu with the content area so they all move together. When I try to center it, it moves up above the content area. Putting the float: left helped that problem, but it still won't move with the rest of the page.

Here is the CSS for the menu and content.

body {
	margin:50 px 0px; padding: 0px;
	font-family:"Verdana",verdana, sans-serif;
	font-size:small;
	text-align:center;	
	background:#d4f7c3 url(/images/bodybkgd.gif);
	background-repeat: repeat-x;
	width:100%;
	height:100%;
}
img {
	position: relative;
}
p {
	margin:0;
	padding:0;
	margin-bottom:1.25em;
	
}
.dropcap {
	float:left;
	color:#ffffff;
	font-size:3em;
	line-height:70%;
	padding-top:2px;
	padding-right:4px;
	font-family: Georgia,Times,serif;
	position: relative;
}
#container {
	background:transparent;
}
#header {
	height:235px;
	margin:0px auto;
	padding:0px;
	background: url(/images/headerlogo.gif) no-repeat center top;
}
#header h1 {
	position:relative;
	top:48px;
	left:63px;
	margin:0;
	padding:0;
	font-family:"Georgia", serif;
	font-size: x-large;
	font-weight: bold;
	color:#ccdddd;
        z-index: 5;
/*	float:left; */
/*        display:none; */
}
#holder {
	margin:0px;
}
#menuholder {
        margin:0px auto;
}

#menu {
	background-color:#9b7851;
	position:relative; 
	float: left; 
	margin:0px auto;
	text-align:left;
	font-size:medium;
	z-index:10;
        left:43px;
	top:0px;
	width:152px;
	height:100%;
	border-width:4px;
	border-style:solid;
	border-color:#9ad621;
}

#content {	
	position: relative;
	background:transparent;
	margin:0px ;
 	padding:0;
	text-align:center;
	top:0px;
	left:0px;
	width:750px;
}

#contentholder {
	position:relative;
	background:#d4f7c3;
	padding:12px;
	margin:0px auto;
	text-align:left;
}