Header Width 100% Body Width Fixed

[netpants]

Sure,

The site: removed
- notice the header is the full width of the browser but the body is fixed. This is what I am trying to do in vB as well.

Here is the style sheet for my header.

 .login a:link { 
text-decoration: none;
color: #000000;
}

.login a:hover{ 
text-decoration: underline;
color: #9E3C00;
}

.login a:visited{ 
text-decoration: underline;
color: #000000;
}
 
a.news:link {
text-decoration: none;
color: #CC4700;
}
a.news:visited {
text-decoration: none;
color: #CC4700;
}
a.news:active {
text-decoration: none;
}
a.news:hover {
text-decoration: underline; 
color: red;
}

#headertop {
position: relative;
height: 83px;
width: 100%;
background-color: #242424;
vertical-align:text-bottom;
background-image:url(images/header_top.png);
}

#headerbottom {
position: relative;
height: 42px;
width: 100%;
color: #B03C00;
font-weight: bold;
background-color: #121212;
background-image:url(images/header_bottom.png);
}


#jsddm
{	margin: 0;
	padding: 0;
	}
	
	#jsddm li
	{	float: left;
		list-style: none;
		font: 12px Tahoma, Arial;
		font-weight: bold;
		
		}

	#jsddm li a
	{	display: block;
		
		padding: 10px 12px;
		text-decoration: none;
		
		width: auto;
		color: #000000;
		white-space: nowrap;
		z-index: 1;
		}
		

	#jsddm li a:hover
	{	background: #B03C00;
	z-index: 1;
	}
		
		#jsddm li ul
		{	margin: 0;
			padding: 0;
			position: absolute;
			visibility: hidden;
			
			z-index: 1;
			}
		
		#jsddm li ul li
		{	float: none;
			display: inline;
			z-index: 1;
			}
		
		#jsddm li ul li a
		{	width: auto;
			background: #9F1B1B;
			z-index: 1;
			}
		
		#jsddm li ul li a:hover
		{	background: #7F1616;
		z-index: 1;
		}

And the forum that I am trying to fix is here: removed