How to Achieve This

[Abronsyth]

Right now my main problem is that I can not get the SIDEFEED to hover OVER or on top of the header.

AND, I've found two more problems. One, the nav-bar disapears on a user's profile, and also the side bar is randomly jumping to the center when viewing a profile and when viewing the member's list.

Here's my style.css so far:
/*
Here is a generic style sheet for the simplev2 theme.
Please feel free to modify this sheet for your own site.

At any time you see XXXXXX for a color code, replace it with the color code of your choice.

There will also be places where you can change images, if you need help please feel free to contact < tequila / Nyxi >

on AIM with your questions.

There is no need to credit < tequila / Nyxi > for work on this theme, just keep the MysAdopts credit in place.
*/


/* Setting Up Basic Styles */

html {
background:url(http://i1217.photobucket.com/albums/dd382/Iris-red-

knee/stripe_b19af1a917af0ddca2a30fb166ce13a1_zpsa60f117 a.png) repeat;
font-family:Verdana, Arial, Tahoma, sans-serif;
color:#333;
font-size:12px;
}

#wrapper {
width:980px;
margin:0 auto;
}

table {
width:100%;
background:#fff;
}

/* Here's for the top most links */

th {
padding:10px;
}

/* Next is our background for the title box, just save your image to the media folder, and put it's name and type in the

box. */

#image {
background:#170B3B;
height:120px;
width:780px;
border-top:3px solid #000000;
border-bottom:3px solid #000000;
border-left:3px solid #ffffff;
border-right:3px solid #ffffff;
}

#image span {
position:relative;
font-size:50px;
padding:10px;
font-family:Georgia, Times New Roman, serif;
}

/* Change the color of the link for your site title here */

#image a{
color:#ffffff;
text-decoration:none;
font-weight:bold;
text-shadow: 1px 2px 2px #ffffff;
}
#image a:hover {
color:#ffffff;
text-shadow: 0px 1px 1px #fff;
}

/* Standard table cell definitions */

td {
background:#fff;
}

/* Let's fix up your menu */

#menu {
width:200px;
background:#fff;
float:right;
text-align:center;
vertical-align:top;
margin-right:2px;
margin-top:2px;
}

#menu p{
margin:auto 10px;
padding:2px;
}

#menu h1 {
font-size: 11pt;
border-bottom: 3px solid #DDD;
margin:2px auto 3px 10px;
color: #000;
text-transform:lowercase;
}

#menu a {
margin:auto 10px;
display: block;
padding: 2px;
padding-left: 10px;
text-transform: uppercase;
font-size: 7.5pt;
letter-spacing: 1px;
}

#menu a:hover {
background-color: #F2F2F2;
color: #8904B1;
}

#content {
text-align:center;
vertical-align:top;
border-top:2px solid #000000;
border-bottom:2px solid #000000;
height:300px;
}

#footer {
font-size:10px;
text-align:center;
height:70px;
background:#D8D8D8;
}

#content p {
text-align:center;
padding:3px;
margin:auto 10px;
}


#content h1 {
font-size: 16pt;
margin-left:300px;
text-transform:uppercase;
background:#D8D8D8;
margin:10px;
color: #000;
}

a{
text-decoration:none;
color:#380B61;
}
a:hover {
color:#8904B1;
}