I already fixed this problem for him via email... but I suppose I should post it up here for all to see....
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd">
<html>
<head>
<title>Charlie's Fixed Page</title>
<meta http-equiv="Content-Type" content="text/html;charset=utf-8">
<style type="text/css">
body {
background-image: url('http://www.charlieboudreau.info//images/gradient.jpg');
background-repeat: repeat-x;
background-color: #fff;
font-family:arial,helvetica,sans-serif;
}
div.top {
height: 332px;
position:relative;
top: 100px;
left:50px;
width:85%;
}
h1.header {
color:#fff;
font-size:32px;
font-weight:normal;
position:absolute;
top:0;
left:20px;
}
h4.subheader {
font-size:25px;
color:#4a4949;
font-weight:normal;
}
div.bottom {
position:absolute;
top:411px;
left:50px;
width:85%;
}
p.bottom {
font-size:20px;
color:#4a4949;
}
</style>
<!--[if IE]>
<style type="text/css">
h1.header {
top:15px;
}
div.top {
position:absolute;
top: 100px;
}
h4.subheader {
margin:25px 0;
}
div.bottom {
position:absolute;
top:440px;
}
</style>
<![endif]-->
</head>
<body>
<h1 class="header">Online Portfolio of Charlie <strong>Boudreau</strong></h1>
<div class="top">
<h4 class="subheader">Web Development</h4>
<h4 class="subheader">Custom Web Design</h4>
<h4 class="subheader">Conten Management Systems</h4>
<h4 class="subheader">Branding Solutions</h4>
</div><!--top-->
<div class="bottom">
<p>I <strong>Design</strong> to enhance and capture the
idea of what every client envisions for their project. We cover
everything from Flash development, Web Hosting, Company Identity
Development, Print Design, Content Management solutions and more. For
some examples of our work visit the clients list section.</p>
</div><!--bottom-->
</body>
</html>
the key thing I focused on was to get rid of the numerous paragraphs with individual styling and use structural divs instead. This way the content can be updated and/or elongated without causing issues again.