Hi, I have this site mockup:

Can anyone post some CSS of how YOU would go about laying this out?

I just want to see what the best way would be:

I have had a few attempts and found a few problems.

- When I added the logo on the top left, I positioned it relative and moved down a bit and was left with a large blank space where it originally was.

Things like that, I would like to see how you more experienced people would go about it to be honest.

My HTML code for this bit would be:

Code HTML4Strict:
<div id="container">
			<div id="header">
				<img src="images/gplogo.png" alt="Logo" />
				<h1>A New Site...<br />stuff stuff</h1>
				<ul id="nav">
					<li><a href="index.php">Home</a></li>
					<li><a href="#">Products</a></li>
					<li><a href="#">About</a></li>
					<li><a href="#">Contact</a></li>
			<div id="content">

All help is MUCH appreciated.