Friends / Comments Help in DIV Layout Options

[f1reman]

I'm almost done with my profile, but I'm having a couple problems:

1. "All/Online/New" links in "Friends" section are the wrong color
2. "Displaying X of X comments" in "Comments" section are the wrong color
3. Time/Date for each comment in "Comments" section is the wrong color
4. My "Comments" section stretches all the way to the bottom of the screen, and I'd like to raise the bottom of the box up a little bit

It's a 1.0 profile, and everything is arranged PERFECTLY, except for those 4 things above. Please help!

Here's the relevant code:

About Me:

CODE

.friends
{
position:absolute;
top:1190px;
margin-top:20px;
background-color:000000;
height:40px;
width:794px;
padding:14 15 7 27px;
color:DDDDDD;
}

.friendSpace
{
width:794px;
position:absolute;
margin-left:-568px;
top:1417px;
padding:0 15 0 27px;
background-color:000000;
}

.comments
{
position:absolute;
top:1507px;
margin-top:20px;
background-color:000000;
height:40px;
width:794px;
padding:14 15 7 27px;
color:DDDDDD;
}

.friendsComments
{
width:794px;
position:absolute;
top:1743px;
margin-left:-567px;
background-color:000000;
color:DDDDDD;
}

Who I'd Like to Meet:

CODE

<div class="friends">
<h2>My Friends</h2>
</div>

<div class="comments">
<h2>Comments</h2>
</div>

NOTE: I created my own headings (.friends, .comments) to hide the default headings for those two sections. Each section is a black box, and the background of the page is gray.

Any help is GREATLY appreciated!

[f1reman]

OK, I added -
height:400px;
overflow:auto;

But, I'm still a little foggy on the last part ("replicate the bottom table inside a DIV and position it below your comments"). Any suggestions?