Wierd!
No problem - here it is (slightly shortened):
HTML:
<body>
<div id="container" >
<div id="header">
<p>Header Stuff goes in here</p>
</div> <!-- end header -->
<div id="sidebar">
<p>Sidebar</p>
<ul>
<li>Item One</li>
<li>Item Two</li>
<li>Item Three</li>
</ul>
</div> <!-- end sidebar -->
<div id="content" >
<p>Content</p>
<p>Top Cat! The most effectual Top Cat! Who's intellectual close friends get to call him T.C., providing it's with dignity. Top Cat! The indisputable leader of the gang. He's the boss, he's a pip, he's the championship. He's the most tip top, Top Cat.</p>
</div> <!-- end content -->
</div><!-- end container -->
</body>
CSS:
body {font-size:100.01%;background-color: #ccc;margin:0; padding:0;background:#666 url(images/greystripe.gif) top left repeat-y;}
#container {}
#sidebar {width:175px; float:left;color:white;}
#content {margin:0 0 0 175px;background-color:#666;color:white;}
#content p, #sidebar p, #header p {padding:5px 20px 10px 20px;}
#header {background-color:#444;color:white;margin-bottom:0;padding:0;border-bottom:1px solid white;}
ul {list-style-type:none;} (the container {} are empty but I left them for the hell of it)
Background image I used embedded below
[image]local://upfiles/15313/FDABCC23B75F49459B3AD6224E30E9D5.gif[/image]
