I'm a tad bored this monday morning so ... I took your site and fixed it up a bit and added the faux column thing. See the zip file.
Here's the HTML
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN"
"http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" lang="en-US" xml:lang="EN-US">
<head>
<title>Steven Glass - Professional Web Engineer - StevenGlass.net</title>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1" />
<link rel="stylesheet" href="css/styles.css" type="text/css" media="all" />
</head>
<body>
<div id="header"><h1>Steven Glass - Professional Web Engineer - StevenGlass.net</h1></div>
<div id="main">
<div id="content">
<div class="breadcrumbs">
<ul>
<li><a href="">:: home</a></li>
</ul>
</div>
<h2>Home</h2>
<p>Hello and welcome to StevenGlass.net. Here at StevenGlass.net, you can learn about the techniques that make Web Engineering what it is, and how your company can benefit from its applications. <a href="web_eng.php">Click here</a> to learn what Web Engineering is and how it can help your company or small business.</p>
<p>This site also stands as a personal portfolio for myself, Steven Glass. Please check out my <a href="portfolio.php">portfolio</a> and my <a href="projects.php">side projects</a> so you can get a feel for the type of work I am capable and interested in. If you are interested in my resume, please fill out the form <a href="resume.php">here</a>, otherwise fill out the <a href="contact.php">contact</a> form.</p>
</div>
<div id="menu">
<h3>Menu</h3>
<ul>
<li><a href="index.php">Home</a></li>
<li><a href="services.php">Services</a></li>
<li><a href="portfolio.php">Portfolio</a></li>
<li><a href="resume.php">Resume</a></li>
<li><a href="projects.php">Side Projects</a></li>
<li><a href="contact.php">Contact</a></li>
<li><a href="web_eng.php">What is Web Engineering?</a></li>
</ul>
<h3>Members</h3>
<ul>
<li><a href="members">Members Site</a></li>
<li><a href="admin/media">Media</a></li>
<li><a href="admin">Admin</a></li>
</ul>
</div>
</div>
<div id="footer">© Copyright 2007 - Stevenglass.net - All Rights Reserved</div>
</body>
</html>
The CSS
* {
margin: 0;
padding: 0;
}
html {
background: #000 url(../i/background.jpg) repeat 0 0;
font-family: Verdana, Geneva, sans-serif;
font-size: 12px;
color: #000;
}
body {
margin: 0 auto;
width: 750px;
}
/* ------------------- common elements ---------------------- */
img {
border: 0;
display: block;
}
p, h2, h3 {
margin: 10px 10px 15px;
}
a:link, a:visited, a:active {
text-decoration:none;
color:#5757ff;
}
a:hover {
text-decoration:none;
color:#757575;
}
/* ------------------- main separations ---------------------- */
#header {
background: #fff url(../i/background-header.jpg) no-repeat 0 0;
width: 750px;
height: 165px;
}
#main {
background: #fff url(../i/background-main.jpg) repeat-y 0 0;
overflow: auto;
width: 750px;
}
#content {
width: 550px;
float: right;
}
#menu {
width: 200px;
float: left;
}
#footer {
width: 730px;
background-color: #e5e5e5;
padding: 10px;
text-align: center;
}
/* ------------------- header: styling ------------------------ */
#header h1 {
display: none;
}
/* ------------------- content: styling ----------------------- */
.breadcrumbs {
background-color: #dddddc;
}
.breadcrumbs ul {
list-style: none;
padding: 5px;
}
.breadcrumbs ul li {
display: inline;
margin: 0 3em 0 0;
}
/* ------------------- menu: styling -------------------------- */
#menu ul {
list-style: none;
}
#menu ul li {
border-bottom: 1px solid #B5B5B5;
}
#menu ul li a {
display: block;
padding: 7px 7px 7px 9px;
color: #252525;
text-decoration: none;
}
#menu ul li a:hover {
background-color: #252525;
color: #B5B5B5;
}
And the 3 images that I used
8159 8160 8161