Problems with CSS

I want to include a section at the bottom of my page in the middle of the three columns that includes my asides and my recent posts. I added the following to the index.php file at the end, where I suspected that it should go.
<div class="body">
<div class="PS">
<?php fquick_get(); ?>
</div>

<div class="PS2">
<?php the_recent_posts(); ?>
</div>
</div>

I also added the following CSS to my stylesheet:
/* PostScript Section */
#PS {
position: absolute;
top: 0px;
left: 0px;
padding: 10px 2% 10px 2%;
margin: 0px;
border: 0px;
background: #666;
width: 50%; /* ie5win fudge begins */
voice-family: "\"}\"";
voice-family:inherit;
width: 46%;
}
html>body #PS {
width: 46%; /* ie5win fudge ends */
}
#PS2 {
position: absolute;
top: 0px;
right: 0px; /* Opera5.02 will show a
space at right when there is no scroll bar */
padding: 10px 2% 10px 2%;
margin: 0px;
border: 0px;
background: #666;
width: 50%; /* ie5win fudge begins */
voice-family: "\"}\"";
voice-family:inherit;
width: 46%;
}
html>body #PS2 {
width: 46%; /* ie5win fudge ends */
}
/* Opera5.02 shows a 2px gap between.
N6.01Win sometimes does. Depends on amount
of fill and window size and wind direction. */

Yet, it appears unstylized and everywhere on the bottom of the page, not in the middle like I wanted it to be.
Any help is greatly appreciated. You can see the problem at loganleger.com