/*Center Content Depending on screen size/resolution*/
#container {
	position:relative;
	width:800px;
	margin:0 auto;
	}


/* LOGO, Searchbox, Product Links*/
#header {
	float:left;
	width:800px;
	clear:both;
	background:url(images/top-border.gif) bottom left no-repeat;
	padding-bottom:25px;
	}
	
#header h1#logo {
	float:left;
	width:195px;
	height:65px;
	}
	
<!-- END HEADER -->
</div>

<!-- START SITE NAVIGATION -->
<ul class="sitenav">

<li><a href="product.html" class="first">Registry</a></li> 
<li><a href="product.html">Innovative Community</a></li> 
<li><a href="product.html">About Innovative Baby</a></li> 
<li><a href="product.html">My Account</a></li> 
<li><a href="product.html" class="last">Help</a></li> 
<li class="email"><a href="product.html">email this to a friend</a></li>
<!-- END SITE NAVIGATION -->
</ul>

<!-- START LEFT SIDEBAR -->
<div id="left">

	<div class="shop-by">
	<img src="images/shop-by-brand.gif" alt="Shop By Brand" />
	<form action="product.html" method="get">
	<select name="brand">
	<option value="one">Brand Name</option>
	<option value="one">Name of Brand</option>
	<option value="one">Your Brand</option>
	<option value="one">Children's Brand</option>
	<option value="one">Brand Numero Uno</option>
	</select>
	</form>