I've got a layout that I think is fairly common, and I can do it
easily in tables, but I'm not sure the best way to do it in CSS.
Anyone have some ideas?

Table version:
Code:
	<table width="100%">
		<tr>
			<td style="padding-right: 10px;">
				<a href=""><img height="107" width="70" src="images/CCAlogox70.gif" border="0"></a>
			</td>
			<td width="99%">
				<h1>
					Site Title<br>
					Control Panel
				</h1>
			</td>
			<td style="padding-right: 10px;">
				<a href="logout.asp">Logout</a>
			</td>
		</tr>
	</table>
Here is the closest I cam with CSS:
Code:
<style>
#ControlPanelHeader {
	width:100%;
	background-color: tan;
	padding: 5px;
	margin: 0px;
}
</style>
<div id="ControlPanelHeader">
	<a style="padding-right: 10px; position: absolute; top: 10px; left:
10px;" href="#"><img height="107" width="70"
src="images/CCAlogox70.gif" border="0"></a>
	<div style="padding-left: 80px;">
		<h1>
			Site Title<br>
			Control Panel
		</h1>
	</div>
	<div style="position: absolute; top: 10px; right: 10px;"><a href="logout.asp">Logout</a></div>
</div>
There are two problems with my CSS solution.
1) I had to specify the left padding on my "title" section and had to
know the width of the image to do so. I want this to be more fluid so
I can plug any image in and keep the layout in tact.
2) Also with the size of the image. The image drops below the
containing div and starts to get into that comes after this content.

Any thoughts on this would be great.

Thanks,
Nate Baxley