It looks fine. Maybe more details is needed.
To me i think the side bar is suppose to align left and the content align center.
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN"
"http://www.w3.org/TR/html4/loose.dtd">
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1">
<title>Untitled Document</title>
<style type="text/css">
#Container {
background-image: url(images/Background.gif)
}
#Header {
width: 752px;
height: 174px;
background-image: url(images/Header.gif);
}
#Sidebar {
background-image: url(images/Sidebar.gif);
width: 150px;
margin-left: 0%;
background-repeat: repeat-y;
height: 100%;
z-index: 99;
}
#Content {
font-family: Arial, Helvetica, sans-serif;
font-size: 10px;
text-decoration: blink;
z-index: 99;
height: 100%;
width: 752px;
margin-left: 22%
}
#Wrapper {
background-image: url(images/Content.gif);
width: 752px;
height: 100%;
margin-left: 11%;
background-repeat: repeat-y
}
#Footer {
background-repeat: no-repeat
}
</style>
</head>
<body id="Container">
<div id="Wrapper">
<div id="Header"></div>
<div id="Content">
<div align="center">Blah</div>
</div>
<div id="Sidebar">
<div align="left"><br>
<img src="images/Site.gif" alt="">Site Content Here<img src="images/graphics.gif" alt="">Graphics Here<img src="images/Guide.gif" alt="">Guides Here<img src="images/Tut.gif" alt="">Tutorials Here<img src="images/Aff.gif" alt="">Affilates Here</div>
</div>
<div id="Footer"><img src="images/Footer.gif" width="752" height="20" alt=""></div>
</div>
</body>
</html>
Okay copy and paste and try that code, I think that is what you where looking for or somthing like that. But it shows what I think you mean.