[pgo]

Originally Posted by adam c

I think I understand why you're saying there's no reason for both of these divs but what I'm trying to do is have a white bar the entire length of the browser and an image aligned off the left hand side of the centered box below. Can I still do this with only one div?

I can't think of an easy way. I did that recently using almost the same markup.

<div id="banner-parent"><div id="banner">Site Name</div></div>
<div id="wrap" class="clearfix">
...blah...
</div>

Not ideal, but not too bad. Site name is replaced by a logo.

#banner-parent {
	width: 100%;
	height: 100px;
	border-bottom: 25px solid #FFF;
	background-color: #084A8E;
}

#banner {
	width: 650px;
	height: 100px;
	margin: 0 auto;
	background: url(logo.gif) no-repeat 25px 50% #084A8E;
	text-indent: -99999px;
}