Not sure what to change-Nav pushing content

Having problems with the sub nav pushing content down and I don’t know what to change. Any help would be great.

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3c.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<html xmlns="http://www.w3c.org/1999/xhtml">
<head>
<title>Untitled Document</title>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<link href="renegades.css" rel="stylesheet" type="text/css"/>
</head>
<body>
<!--start navigation--!>
<ul id="main-nav">
 <li><a href="about">About Us</a></li>
 <li><a href="members.html">Members</a></li>
 <li><a href="sponspack.html">Packages</a></li>
 <li><a href="sponsors.html">Underwriters</a>
  <ul>
   <li><a href="2000.html">2000</a></li>
   <li><a href="2001.html">2001</a></li>
   <li><a href="2002.html">2002</a></li>
  </ul>
 </li>
 <li><a href="contact">Contact Us</a></li>
</ul><!--end navigation--!>
<div id="bodycontent"><!--start body content--!>
<p>Our group consists of friends and family members who have been involved in the Houston Livestock Show & Rodeo and the Houston Livestock Show & Rodeo World's Championship Bar-B-Que Contest for many, many years. The Renegades were assembled in 1999, when we decided it was time to start doing things a little differently than the way they had been done in the past. The year 2000 brought not only the new Millennium, but also a renewed outlook on our approach to friendships, team work, and most of all, barbecue. As each year passes, it seems that this event as a whole gets larger. To accommodate for this growth, the Renegades expanded to provide additional space for our guests to enjoy the fun, food and activities.</p>
</div>
</body>
</html>

CSS:
ul#main-nav {font-family:helvetica,arial,sans-serif;margin:0;padding:0;float:left;width:720px;font-size:0.9em;}
ul#main-nav li {margin:0;padding:0;list-style:none;float:left;margin:0 0.3em 0 0;width:9em;}
ul#main-nav li a {text-decoration:none;display:block;padding:0.3em 0.5em;border:1px solid silver;color:#003;background:#fff;}
ul#main-nav li a:hover, ul#main-nav	li a:focus {border:1px solid gray;color:#000;background:#efefef;}
ul#main-nav li ul {padding:0;display:none;}
ul#main-nav li:hover ul {display:block;}
ul#main-nav li ul li {float:none;}
ul#main-nav li ul li a {font-size:0.9em;}

#bodycontent {width: 720px; font-size: 95&#37;;}

Try adding the two red bits below:


<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3c.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<html xmlns="http://www.w3c.org/1999/xhtml">
<head>
<title>Untitled Document</title>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<style type="text/css" media="all">
ul#main-nav {font-family:helvetica,arial,sans-serif;margin:0;padding:0;float:left;width:720px;font-size:0.9em;}
ul#main-nav li {margin:0;padding:0;list-style:none;float:left;margin:0 0.3em 0 0;width:9em;[COLOR="Red"]position:relative;[/COLOR]}
ul#main-nav li a {text-decoration:none;display:block;padding:0.3em 0.5em;border:1px solid silver;color:#003;background:#fff;}
ul#main-nav li a:hover, ul#main-nav li a:focus {border:1px solid gray;color:#000;background:#efefef;}
ul#main-nav li ul {padding:0;display:none;}
ul#main-nav li:hover ul {display:block;[COLOR="Red"]position:absolute;[/COLOR]}
ul#main-nav li ul li {float:none;}
ul#main-nav li ul li a {font-size:0.9em;}

#bodycontent {width: 720px; font-size: 95%;}
</style>
</head>
<body>
<!--start navigation--!>
<ul id="main-nav">
 <li><a href="about">About Us</a></li>
 <li><a href="members.html">Members</a></li>
 <li><a href="sponspack.html">Packages</a></li>
 <li><a href="sponsors.html">Underwriters</a>
  <ul>
   <li><a href="2000.html">2000</a></li>
   <li><a href="2001.html">2001</a></li>
   <li><a href="2002.html">2002</a></li>
  </ul>
 </li>
 <li><a href="contact">Contact Us</a></li>
</ul><!--end navigation--!>
<div id="bodycontent"><!--start body content--!>
<p>Our group consists of friends and family members who have been involved in the Houston Livestock Show & Rodeo and the Houston Livestock Show & Rodeo World's Championship Bar-B-Que Contest for many, many years. The Renegades were assembled in 1999, when we decided it was time to start doing things a little differently than the way they had been done in the past. The year 2000 brought not only the new Millennium, but also a renewed outlook on our approach to friendships, team work, and most of all, barbecue. As each year passes, it seems that this event as a whole gets larger. To accommodate for this growth, the Renegades expanded to provide additional space for our guests to enjoy the fun, food and activities.</p>
</div>
</body>
</html>