[bratwebdesign]

To overlay the logo do this:

Change div#container to this: (I only added position: relative

div#container {
	text-align : left;
	width : 700px;
	margin : 0 auto;
	padding : 0;
	position: relative;
}

Then to div#logo: (added position, top and left)

div#logo {
	position : absolute;
	top : -5px;
	left : 40px;
	width : 157px;
	margin : 0;
	padding : 0;
}

I tested this on IE6 and FF2 at different screen resolutions and it worked perfectly. I would change the logo to a gif without the background though.

Hope this helps.