Glide PM Bar

[Streamstrider]

Some other elements on the forum, such as the twitter feed and the navigation bar, flow over the PM bar when they come in contact as a user scrolls. I looked up z-index, thinking it might have something to do with it, but I'm so scatter-brained I can't figure out what's wrong. I tried changing the z-index of the PM bar, but I likely just don't know how to do it properly with this code. I would like the PM bar to flow above everything else as the user scrolls, so that nothing covers it up.

Site

<!-- GLIDE PM BAR -->
<style type="text/css">
/* Glide PM Bar CSS */
#glide div a {
   color: #616D7E; /* COLOR OF LINKS IN THE BAR */
}
#glide {
   background-color: #f6f6f6; /* BACKGROUND COLOR OF BAR */
   color: #000000; /* TEXT COLOR IN BAR */
   /* no more editing */
   width: 100%;
   height: 25px;
   overflow: hidden;
   position: fixed;
   top: 0px;
   left: 0px;
   border-bottom: 1px solid black;
   font-size: 0.9em;
}
body {
   margin-top: 35px;
}
#glide div {
   margin: 5px;
}
#glide #gleft {
   float: left;
}
#glide #gright {
   float: right;
};
#glide {
   position: absolute;
   top: expression(document.body.scrollTop);
   padding-right: 0px;
}
</style>

<div id="glide" onmouseover="glideShow();" onmouseout="glideHide();"><div id="gleft"></div><div id="gright"></div></div>

<script type="text/javascript">
<!--
/* Glide PM Bar v1.0
Written by Devin F
Don't redistribute */

var ginfo = document.getElementsByTagName("font")[2].innerHTML.split(/<br\s?\/?>/i);
var glide = document.getElementById("glide");
var gleft = document.getElementById("gleft");
var gright = document.getElementById("gright");
var ghide;

document.body.removeChild(document.body.getElementsByTagName("br")[0]);
gleft.innerHTML = (pb_username != "Guest") ? ginfo[0] : "Please <a href='index.cgi?action=login'>login</a> or <a href='index.cgi?action=register'>register</a> to use this feature";
gright.innerHTML = ginfo[1] + gright.innerHTML;

//-->
</script>
<!-- END OF GLIDE PM BAR -->

[Wormopolis]

in the CSS

#glide {
position: absolute;
top: expression(document.body.scrollTop);
padding-right: 0px;
z-index:100;
}


add the red

[Streamstrider]

Still not on top.

[Wormopolis]

oops.. didnt see it was there twice

#glide {
background-color: #f6f6f6; /* BACKGROUND COLOR OF BAR */
color: #000000; /* TEXT COLOR IN BAR */
/* no more editing */
width: 100%;
height: 25px;
overflow: hidden;
position: fixed;
top: 0px;
left: 0px;
border-bottom: 1px solid black;
font-size: 0.9em;
z-index: 100;
}

[Streamstrider]

Thank you so much! It worked.