Code:
<!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">
<head>
<meta http-equiv="Content-Type" content="text/html; ch****t=iso-8859-1" />
<title>RockyPoint Amigo</title>
<style type="text/css">
<!--
*{
margin: 0px;
padding: 0px;
}
.clear {
clear: both;
}
a:link {
color: #666666;
text-decoration: none;
font-family: Verdana, Tahoma, Arial, sans-serif;
}
a:visited {
color: #666666;
text-decoration: none;
}
a:active {
color: #666666;
text-decoration: none;
}
a:hover {
color: #00a2fF;
text-decoration: underline;
}
html, body, td, th {
font-family: Verdana, Tahoma, Arial, sans-serif;
font-size: 13px;
background-color: #ffffff;
background-image: url(http://benisikoff.com/rockypointamigo/images/bg_top.gif);
background-repeat: repeat-x;
background-position: top;
height: 100%;
text-align: center;
margin: 0;
padding: 0;
}
#container {
background: url(http://benisikoff.com/rockypointamigo/images/sidebar_mid.gif) repeat-y;
margin: 0px auto;
text-align: left;
width: 780px;
height: auto;
}
#header {
height: 152px;
background-image: url(http://benisikoff.com/rockypointamigo/images/header.gif);
background-repeat: no-repeat;
background-position: center;
text-indent: -10000px;
}
#content {
height: 100%;
width: 548px;
float: left;
}
.contentbox {
margin: 0px auto;
margin-top: 10px;
height: auto;
width: 526px;
padding: 7px;
background-color: #f7f7f7;
border: 4px solid;
border-color: #efefef;
line-height: 170%;
clear: both;
}
#sponsor {
height: 100%;
width: 548px;
margin-top: 5px;
}
#sponsor_left h1, #sponsor_right h1, #sponsor_info_l h1, #sponsor_info_r h1 {
font-size: 16px;
color: #00a2ff;
}
#sponsor_left p, #sponsor_right p {
font-size: 12px;
line-height: 140%;
}
#sponsor_info_l a, #sponsor_info_r a {
display: block;
font-size: 16px;
text-decoration: none;
}
#sponsor_info_l a:hover, #sponsor_info_r a:hover {
display: block;
background-color: #f7f7f7;
text-decoration: none;
}
#sponsor_left {
float: left;
margin-top: 10px;
height: auto;
width: 241px;
padding: 7px;
background-color: #ffffff;
background-image: url(http://benisikoff.com/rockypointamigo/images/sponsor.gif);
background-repeat: no-repeat;
background-position: bottom;
border: 4px solid;
border-color: #efefef;
line-height: 170%;
}
#sponsor_right {
float: right;
margin-top: 10px;
height: auto;
width: 241px;
padding: 7px;
background-color: #ffffff;
background-image: url(http://benisikoff.com/rockypointamigo/images/sponsor.gif);
background-repeat: no-repeat;
background-position: bottom;
border: 4px solid;
border-color: #efefef;
line-height: 170%;
}
#sponsor_info_l {
float: left;
margin-top: 5px;
margin-bottom: 13px;
height: auto;
width: 251px;
padding: 2px;
text-align: center;
background-color: #ffffff;
border: 4px solid;
border-color: #efefef;
line-height: 170%;
}
#sponsor_info_r {
float: right;
margin-top: 5px;
margin-bottom: 13px;
height: auto;
width: 251px;
padding: 2px;
text-align: center;
background-color: #ffffff;
border: 4px solid;
border-color: #efefef;
line-height: 170%;
}
#side {
height: 100$;
width: 232px;
float: left;
}
#side_top {
height: 4px;
width: 232px;
margin-top: 10px;
background-image: url(http://benisikoff.com/rockypointamigo/images/sidebar_top.gif);
background-repeat: no-repeat;
background-position: center;
}
#side_mid {
height: 100%;
width: 232px;
margin-top: -3px;
background-image: url(http://benisikoff.com/rockypointamigo/images/sidebar_mid.gif);
background-repeat: repeat-y;
background-position: center;
}
.nav {
list-style-type: none;
margin: 0;
padding: 0px;
padding-bottom: 10px;
width: 182px;
}
.nav li a{
display: block;
width: 100%;
font-size: 14px;
text-decoration:none;
background-image: url(http://benisikoff.com/rockypointamigo/images/sidebar_spacer.gif);
padding-top: 3px;
padding-bottom: 3px;
padding-left: 25px;
padding-right: 25px;
}
.nav li a:hover{
color: #00a2ff;
text-decoration: underline;
background-image: url(http://benisikoff.com/rockypointamigo/images/sidebar_spacer_hover.gif);
}
#footerbg {
width: 100%;
height: 111px;
clear: both;
background-image: url(http://benisikoff.com/rockypointamigo/images/bg_btm.gif);
background-repeat: repeat-x;
background-position: bottom;
}
#footer {
height: 111px;
background-image: url(http://benisikoff.com/rockypointamigo/images/footer.gif);
background-repeat: no-repeat;
background-position: center;
}
-->
</style>
</head>
<body>
<!--container-->
<div id="container">
<!--header-->
<div id="header"><img src="images/header.gif" alt="RockyPoint Amigo" width="780" height="152"/></div>
<!--Sidebar-->
<div id="side">
<div id="side_top"></div>
<div id="side_mid">
<ul class="nav">
<li><a href="/#" >Airport</a></li>
<li><a href="/#" >Bird watchingo</a></li>
<li><a href="/#" >Cars </a></li>
<li><a href="/#" >Cellphones</a></li>
<li><a href="/#" >Directory</a></li>
<li><a href="/#" >Directions</a></li>
<li><a href="/#" >Events</a></li>
<li><a href="/#" >Fishing</a></li>
<li><a href="/#" >Food</a></li>
<li><a href="/#" >Gambling </a></li>
<li><a href="/#" >Golf</a></li>
<li><a href="/#" >History </a></li>
<li><a href="/#" >Homeowners</a></li>
<li><a href="/#" >Hotels</a></li>
<li><a href="/#" >Insurance</a></li>
<li><a href="/#" >Lodging</a></li>
<li><a href="/#" >Maps </a></li>
<li><a href="/#" >Medical</a></li>
<li><a href="/#" >News</a></li>
<li><a href="/#" >Organizations</a></li>
<li><a href="/#" >Passports </a></li>
<li><a href="/#" >Photo Galleries</a></li>
<li><a href="/#" >Site Disclaimer</a></li>
</ul>
</div>
</div>
<!--Content-->
<div id="content">
<div class="contentbox">
<p>
Weclome to RockyPoint Amigo, your number one source for everything RockPoint! Rockypoint is a rapidly growing city known as the next Cancun in Mexico. At this site you can find all things RockyPoint including; Condo Rental, Restuarnt Guide and just in general great things to do around rocky point!
</p>
</div>
<!--sponsors-->
<div id="sponsor">
<div id="sponsor_left">
<h1>Las Palmas</h1>
<p>
Las Palmas is a gated master planned beachfront community of 192 luxury, 1 and 2 bedroom condominiums and 20 luxurious beach homes. The beach homes are all equipped with 3 or 4 bedroom, 3 bath floor plans.
</p>
</div>
<div id="sponsor_right">
<h1>Senior Shrimp II</h1>
<p>
Senior Shrimp II is THE restaurant we look forward to every year when we make our annual fall trip to Rocky Point for the RCPM Circus Mexicus. Hugo and the boys make for friendly and relaxing atmosphere, and...
</p>
</div>
<div id="sponsor_info_l">
<a href="/#" >More Info</a>
</div>
<div id="sponsor_info_r">
<a href="/#" >More Info</a>
</div>
</div>
<div class="contentbox">
<p>
Weclome to RockyPoint Amigo, your number one source for everything RockPoint! Rockypoint is a rapidly growing city known as the next Cancun in Mexico. At this site you can find all things RockyPoint including; Condo Rental, Restuarnt Guide and just in general great things to do around rocky point!
</p>
</div>
<div class="contentbox">
<p>
Weclome to RockyPoint Amigo, your number one source for everything RockPoint! Rockypoint is a rapidly growing city known as the next Cancun in Mexico. At this site you can find all things RockyPoint including; Condo Rental, Restuarnt Guide and just in general great things to do around rocky point! Weclome to RockyPoint Amigo, your number one source for everything RockPoint! Rockypoint is a rapidly growing city known as the next Cancun in Mexico. At this site you can find all things RockyPoint including; Condo Rental, Restuarnt Guide and just in general great things to do around rocky point!
</p>
</div>
</div>
<br class="clear"/>
</div>
<!--footer-->
<div id="footerbg"><div id="footer"><img src="images/footer.gif" alt="RockyPoint Amigo" width="780" height="111"/></div></div>
</body>
</html>
You didn't define a height for your #container, I set the height to auto and added a clear to the bottom and it worked