Sidebar Wrapping Around the Bottom of the page

Here is a copy of what is in my CSS:

/*
Theme Name: CafeNette
Theme URI: https://www.cafenette.com
Description: Custom template menu right thanks to Will Healy https://tomorrows-laundry.com for the basic template
Author: Kimberly Schratwieser
Author URI: https://www.schratwieserconsulting.com

/*———–Block Level Elements————–*/

Body {
background-color: #E7D9D5;
}

#page {
max-width: 90%;
min-width: 650px;
margin: 0 auto;
}

#header {
width: 100%;
height: 485px;
}

#headerimg {
background: url(images/sofaname.gif) top no-repeat;
height: 203px;
background-color: #fff;
}

#daybyday {
float: center;
}

.description {

}

#wrapper {
width: 100%;
}

#content {
float: left;
width: 70%;
}

#sidebar {
width: 28%;
margin-left: 70%;
}

#footer {
width: 100%;
clear: both;
background-color: #f3f2ed;
}
#box {
width: 185px;
height: 100px;
padding: 2px;
border: inset #99cccc;
overflow: auto;
}

.side {
background: url(‘images/comments.gif’) no-repeat;
background-color: #f3f2ed;
height: 35px;
padding-top: 5px;
padding-left: 55px;
text-align: left;
/* font-style: italic;
font-size: 12px;
font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
color: #843A3A; */
width: 200px;
}

.container {
margin-left: 25px;
text-align: left;
padding-top: 5px;
padding-bottom: 10px;
}

/*————-Headings————-*/

h1 {
font: normal 20px Georgia, “Times New Roman”, Times, serif;
padding-top: 15px;
}
h1 a {
color: #saddlebrown;
text-decoration: none;
border: none;
}
h1 a:hover {
color: #saddlebrown;
text-decoration: none;
border: none;
}
h2 {
border-bottom: 1px solid #ddd;
color: #336;
padding-bottom: 2px;
font: normal 17px Arial, Helvetica, sans-serif;
}
h2 a {
color: #336;
text-decoration: none;
border: none;
}
h2 a:hover {
color: #889AC2;
text-decoration: none;
border: none;
}
#sidebar h2 {
font-size: 13px; font-weight: normal;
}
h3 {
border-bottom: 1px solid #ddd;
color: #336; padding-bottom: 2px;
font: normal 14px Arial, Helvetica, sans-serif;
padding-top: 20px;
}
h4 {
font: 12px Arial, Helvetica, sans-serif;
}

/*————-The Post————-*/

h2 a:hover, h2 a:visited, h2 a {

}

.post {
background-color: #f3f2ed;
background-image: url(images/coffee_cup_bg.gif);
background-position: center center;
background-repeat: no-repeat;
margin: 0;
padding-left: 5px;
font: normal 14px Georgia, “Times New Roman”, Times, serif;
}

.post p {

}

.post a {
color: Blue;
text-decoration: none;
font-style: italic;

}

.post ul {

}

.post li {

}

.entry {

}

.entrytext .postmetadata {

}

.postmetadata alt {

}

.postmetadata a {
color: Blue;
text-decoration: none;
font-style: italic;

}

.navigation {

}

.alignleft {

}

.alignright {

}

.center {

}

.pagetitle {

}

blockquote {
border: thin solid maroon;
font: italic;
font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
font-size: 12px;
padding-bottom: 1px;
padding-left: 5px;
padding-right: 5px;
padding-top: 1px;
}

cite {

}

a img {

}

acronym, abbr {

}

/*————–Sidebar————*/

#sidebar ul {
list-style: disc inside;
line-height: 100%;
padding: 0 0 0 10px;
margin-bottom: 2px;
}

#sidebar ul h2 {
list-style: disc inside;
line-height: 100%;
padding: 0 0 0 10px;
margin-bottom: 2px;
}

#sidebar ul li {
list-style: disc inside;
line-height: 100%;
padding: 0 0 0 10px;
margin-bottom: 2px;
}

#sidebar ul ul {
list-style: disc inside;
line-height: 100%;
padding: 0 0 0 10px;
margin-bottom: 2px;
}

#sidebar ul ul li {
list-style: disc inside;
line-height: 100%;
padding: 0 0 0 10px;
margin-bottom: 2px;
}

#sidebar ul ul ul {
list-style: disc inside;
line-height: 100%;
padding: 0 0 0 10px;
margin-bottom: 2px;
}

#sidebar p {

}

#sidebar a {
color: Blue;
text-decoration: none;
font-style: italic;
}

#sidebar a:hover {

}

#sidebar a:visited {

}

/*————–Comments————–*/

ol.commentlist {

}

ol.commentlist li {

}

ol.commentlist li.alt {

}

ol.commentlist a {
color: Blue;
text-decoration: none;
font-style: italic;

}

small.commentmetadata {

}

/*————–Search Form————-*/

#searchform {

}

#searchform input {

}

#searchform #s {

}

/*————-Calendar—————–*/
#calendar {
float: right;
clear: right;
background-image: url(images/coffee_box2.gif);
background-repeat: no-repeat;
background-position: top left;
padding: 0;
margin: 0;
width: 210px;
height: 210px;
}
#wp-calendar {
width: 180px;
padding: 0 15px;
margin: 0;
font: normal 12px/20px “Trebuchet MS”, Verdana, Arial, Helvetica, sans-serif;
color: #000;
text-align: center;
background-color: transparent;
}
/* html #wp-calendar {
margin-top: 0;
width: 150px;
} */

#today {
color: #483D8B;
background: #8c261c;
background-color: #DCA37E;
}
caption {
width: 180px;
color: #8c261c;
font: bold 1.1em Georgia, Geneva, serif;
font-variant: small-caps;
letter-spacing: 0.15em;
text-align: center;
margin: 0;
padding-top: 5px;
padding-bottom: 0;
}
thead {
color: #8c261c;
background: #EDD1BE;
text-align: center;
border: 1px solid #a2adbc;
font-size: 11px;
font-weight: bold;
}
th {
font: bold 11px/20px Georgia, Geneva, serif;
color: #8c261c;
background: #EDD1BE;
border: 1px solid #8c261c;
text-align: center;
}

/*————-Images——————*/

/*————-Other——————*/

hr {
display: block;
}

Here is a copy of my sidebar code:

<div id=”sidebar”>

<!– This portion is for pages other than the front page –>
<!– Make adjustments to the sidebar below –>

<?php include (TEMPLATEPATH . ‘/searchform.php’); ?>

• <?php /* If this is a 404 page */ if (is_404()) { ?>
  <?php /* If this is a category archive */ } elseif (is_category()) { ?>
  <p>You are currently browsing the archives for the <?php single_cat_title(”); ?> category.</p>

  <?php /* If this is a yearly archive */ } elseif (is_day()) { ?>
  <p>You are currently browsing the “><?php echo bloginfo(‘name’); ?> weblog archives
  for the day <?php the_time(‘l, F jS, Y’); ?>.</p>

  <?php /* If this is a monthly archive */ } elseif (is_month()) { ?>
  <p>You are currently browsing the “><?php echo bloginfo(‘name’); ?> weblog archives
  for <?php the_time(‘F, Y’); ?>.</p>

  <?php /* If this is a yearly archive */ } elseif (is_year()) { ?>
  <p>You are currently browsing the “><?php echo bloginfo(‘name’); ?> weblog archives
  for the year <?php the_time(‘Y’); ?>.</p>

  <?php /* If this is a monthly archive */ } elseif (is_search()) { ?>
  <p>You have searched the “><?php echo bloginfo(‘name’); ?> weblog archives
  for ‘<?php echo wp_specialchars($s); ?>’. If you are unable to find anything in these search results, you can try one of these links.</p>

  <?php /* If this is a monthly archive */ } elseif (isset($_GET[‘paged’]) && !empty($_GET[‘paged’])) { ?>
  <p>You are currently browsing the “><?php echo bloginfo(‘name’); ?> weblog archives.</p>

  <?php } ?>

<?php /* If this is the frontpage */ if ( is_home() || is_page() ) { ?>

<!– *********** MAKE SIDEBAR CHANGES BELOW ************** –>

<!– Calendar –>

<div class=”container”>
<?php get_calendar(); ?>
</div>
<!– Calendar –>

<!– Contact –>
<hr>
<center><div class=”container”>
Contact us </div></center>
<!– end contact –>

<!– Posted today –>
<hr>
<center><div class=”side”>
<h2>Freshly Brewed</h2>
</center></div>

<div class=”container”>
<?php the_recent_posts(‘title=’); ?>
</div>

<!– End posted today –>

<!– Recent Comments –>
<hr>
<div class=”side”>
<h2>Recent Comments</h2>
</div>
<div class=”container”>
<?php get_recent_comments(); ?>
</div>
<!– end recent comments –>

<!– Blogroll –>
<hr> <div class=”side”>
<h2>Daily Reads</h2>
</div>
<div class=”container”>
<script language=”javascript” type=”text/javascript” src=”https://rpc.blogrolling.com/display.php?r=1f75145a16bb5f2e61491445fc0b09ed”></script&gt;
</div>
<!– end blogroll –>

<!– Newspapers –>
<hr> <div class=”side”>
<h2>Newspaper Rack</h2>
</div>
<div class=”container”>

• Boston Globe
• Chicago Sun Times
• Chicago Tribune
• Jerusalem Post
• LA Times
• Minneapolis Star Tribune
• New York Times
• San Francisco Chronicle
• United Press Int’l
• USA Today
• World Net Daily
• Washington Post
• Washington Times

</div>
<!– end newspapers –>

<!– Playhouse Ad –>
<hr>
<center>
<!–Fireworks MX 2004 Dreamweaver MX 2004 target. Created Tue May 30 23:08:32 GMT-0500 (Central Daylight Time) 2006–>
<img name=”playhousewebad” src=”https://jscafenette.com/wp-content/uploads/2007/03/playhousewebad.png&#8221; width=”160″ height=”380″ border=”0″ usemap=”#m_playhousewebad” alt=”Ed’s Playhouses Ad”>
<map name=”m_playhousewebad”>

</map>
</center>
<!– end Playhouse Ad –>

<!– CAP’N BOB –>
<hr>
<div align=”center”><script language=”JavaScript” type=”text/javascript” src=”https://capnbob.us/graphics/never.php”></script&gt;
</div>
<!– END CAP’N BOB –>

<!– PROUD TO BE AMERICAN –>
<hr>
<img src=”https://i3.photobucket.com/albums/y93/jlucey/flag.gif”&gt;
<b>Proud to be Americans</b>

<!– END PROUD TO BE AMERICAN –>

<!– REBORN BY DESIGN –>
<hr>
<img src=”https://i3.photobucket.com/albums/y93/jlucey/if-15.gif&#8221; alt=”Image hosted by Photobucket.com”>

reborn-by-design

<!– END REBORN BY DESIGN –>

<!– Site Meter XHTML Strict 1.0 –>
<hr>
<center>
<script type=”text/javascript” src=”https://s31.sitemeter.com/js/counter.js?site=s31cafenette”&gt;
</script></center>
<!– Copyright (c)2006 Site Meter –>

<!– Pages –>
<div class=”side”>
<h2>Pages</h2>
</div>
<div class=”container”><?php wp_list_pages(‘title_li=’); ?></div>
<!– end pages –>

<!– Archives –>
<hr>
<div class=”side”>
<h2>Archives</h2></div>
<div class=”container”>
<?php wp_get_archives(‘type=monthly’); ?>
</div>
<!– End Archives –>

<!– Categories –>
<hr>
<div class=”side”>
<h2>Categories</h2></div>
<div class=”container”>
<div id=”box”>
<?php wp_list_cats(‘sort_column=name&optioncount=1&hierarchical=0’); ?>
</div>
</div>
<!– end categories –>

<!– Meta Data –>
<hr>
<div class=”side”>
<h2>Meta</h2>
</div>
<div class=”container”>

• <?php wp_register(); ?>
• <?php wp_loginout(); ?>
• Valid XHTML
• XFN
• WordPress

<?php wp_meta(); ?>
</div>
<!– <?php } ?> –>

</div>

Everything after Recent Comments is wrapped around the bottom of the page.