Difference in text positioning from page to page


I have a question. On this page,
the menu on the left hand side is so much lower than the following page

I thought the CSS was the same though.
any help would be much appreciated.

You need to have a look at the spacer image you’re using! They are on both pages on a different place. But you should ask your self the question, why using a spacer image in the first place?

Was to late to edit my own message, sorry for that. It was not only the spacers you used but the entire markup was bit off a mess. A lot of unnecessary content. I made a quick makeover. I hope this helps you somehow:

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>Untitled Document</title>
<style type="text/css">
html,body,address,blockquote,div,form,fieldset,caption,h1,h2,h3,h4,h5,h6,hr,ul,ol,ul,li,table,tr,td,th,p,img {
	margin: 0; 
	padding: 0; 

ul, ol, li {
	list-style-type: none; 	

body {
		height: 100px;

body {
	position: relative;
	background: #E9E5FD;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 87.5%;
	line-height: 130%;

#wrapper {
	width: 950px;
	margin: 50px auto 0;
	padding: 70px 0;
	position: relative;
	overflow: hidden;
	background: url(images/body_bg.gif) no-repeat;

.main-wrapper {
	width: 170px;
	float: left;

.main-wrapper {
		width: 780px;

.menu li {
	width: 170px;

.menu a {
	height: 22px;
	line-height: 22px;
	padding-left: 20px;
	display: block;
	color: #000000;
	font-family: Arial,Helvetica,sans-serif;
	font-size: 13px;
	text-decoration: none;

.menu a:hover,
.menu a:focus,
.menu a.current{
  color: #FFF;
  text-decoration: none;

.main-wrapper h1 {
	margin-left: 150px;
	padding-bottom: 10px;
	font-size: 110%;
	font-weight: bold;

.main-wrapper img {
	margin: 0 0 20px 150px;
	float: left;
	clear: both;		

.main-wrapper p {
	margin: 0 150px;
	float: left;
	text-indent: 30px;

<!-- Start Wrapper-->
<div id="wrapper">

<!-- Start Sidebar -->
<div class="menu">
<li><a href="#">Home</a></li>
<li><a href="#" class="current">About the Author</a></li>
<li><a href="#">Media Links</a></li>
<li><a href="#">Blog</a></li>
<li><a href="#">Book Reviews</a></li>
<li><a href="#">Poetry</a></li>
<li><a href="#">Guestbook</a></li>
<li><a href="#">Video  Filming Photos</a></li>
<li><a href="#">Contact</a></li>

<!-- End Sidebar --></div>

<!-- Start Main Content -->
<div class="main-wrapper">
<h1>About the Author</h1>
<img src="images/About_photo1.jpg" alt="Photo of author Walter Kornichuk" />

In 2000, Walter Kornichuk was diagnosed with a brain tumor and given a 40 percent chance to survive five years. He survived six hours of awake motor mapping brain surgery and radiation and chemotherapy treatments by applying a "never give up" attitude to endure his brain tumor. He is happy to celebrate his tenth year of cancer-free living. He has been a volunteer for the National Brain Tumor Society-Patient and Caregiver Support Network since 2006. He has been a Lead Transportation Security Officer for a private security company at San Francisco International Airport since 2003. He is a first-time creative non-fiction writer and has self-published Cancer on my Mind, which includes a talking brain tumor, to bring a humorous and unrelenting tone to patients diagnosed with a brain tumor, a dark and otherwise not easily discussed subject. Walter hopes that cancer patients, brain surgeons, doctors, nurses, medical students, caregivers, all readers, and those facing any life-threatening dilemma, will feel encouraged after reading Cancer on my Mind, to fight constantly to obtain short and long victories. 

</div><!-- End Main Content -->

</div><!-- End Wrapper -->


thank you very much. it’s hugely appreciated.