hmm, i went into the css file for the speed bar and stuck it as the background. so now it's sitting behind the menu, but now the menu is on top, and i can't figure out how to place the menu at the bottom. i suck as this!
Code:
#sbtabs{
margin-left: 0px;
padding: 0;
width: 100%;
height: 159px;
background: transparent;
background-image: url(url edited out, because i'm afraid of lurking hackers);[/url] background-repeat: no-repeat;
voice-family: "\"}\"";
voice-family: inherit;
padding-left: 4px;
}
#sbtabs ul{
font: bold 11px Verdana, Arial, sans-serif;
margin:0;
padding:0;
list-style:none;
}
#sbtabs li{
display:inline;
margin:0 2px 0 0;
padding:0;
/*text-transform:uppercase;*/
}
#sbtabs a{
float:left;
color: white;
background: #3F5D8A url(speedbar_tabs_left.gif) no-repeat left top;
margin:0 2px 0 0;
padding:0 0 1px 3px;
text-decoration:none;
letter-spacing: 1px;
}
#sbtabs a span{
float:left;
display:block;
background: transparent url(speedbar_tabs_right.gif) no-repeat right top;
padding:4px 9px 2px 6px;
}
#sbtabs a span{
float:none;
}
#sbtabs a:hover{
background-color: #5C80B7;
}
#sbtabs a:hover span{
background-color: #5C80B7;
}
#sbtabs #current a, #sbtabs #current span{ /* currently selected tab */
background-color: #000;
}
#sbtabsline{
clear: both;
padding: 0;
width: 100%;
height: 2px;
line-height: 0px;
background: #000;
border-top: 0px solid #fff; /* border between bar and tabs */
}