Help again. Scroll boxes not working. Options

[Egg]

This page im working on is being a duche but i cant get the scroll boxed entries to work 4 sum reason.

heres the page clicky here

anyone please help im almost done all i need todo is get thi scode to work.


heres the code:

CODE

<!-- begin code provided by The Hommies at createblog.com -->
<style type="text/css">
/*Introducing the ZepQueen*/
/*by Egg!*/

body {
background-color: #6E0F0F;
scrollbar-arrow-color: #8F560E;
scrollbar-track-color: #8F560E;
scrollbar-shadow-color: #8F560E;
scrollbar-face-color: #6E0F0F;
scrollbar-highlight-color: #8F560E;
scrollbar-darkshadow-color: #8F560E;
scrollbar-3dlight-color: #8F560E;
}


div.blogheader, .caption {
font-family:Edwardian Script ITC;
text-transform:none;
font-size:24px;
line-height:13px;
font-weight:none;
color:#ffffff;
letter-spacing:1px;
background-color: #86CA02;
text-align: center;
}


table.navigation, table.footer { display:none; }

.left, .blogbody, table.footer, .standard, .leftmodulefontcolor, td, p {

font:normal #9px;
line-height:justify;
color: #COLOR;
letter-spacing:2px;
text-align:justify;}

a:link, .footernav.link, a.footernav:link, a.footernav:active {
color: #COLOR OF LINK;
text-decoration: none;}


a:hover {
color: #FD034A;
cursor: url(http://www.boomspeed.com/sfhelpers/cursors/185.cur);
text-decoration: none;}

{align=justify}
BODY{cursor: url(http://www.boomspeed.com/sfhelpers/cursors/89.cur);}

table.blogbody {
/* this edits the other the place where the  blog is */
border: 0px dashed none;
background-color: transparent;
width:327px;}


table.navigation, table.main, table.footer {
/* the width of your blog with modules */
width: 327px;}

</style>

<div style="left=0; top=510;position=absolute;">

<script language="JavaScript">
document.title = "She cradles me in her groves";
</script>
<!-- end code provided by by The Hommies at createblog.com -->



<!-- begin code provided by createblog.com -->
<STYLE type=text/css>
.custom{
width: 200px;
height: 200px;
z-index:100;
overflow: auto;
border: px #000000 solid;
background: #ffffff;
}</STYLE>

CODE

<!-- begin code provided by the Homies at createblog.com -->

<script>
numberOfEntries = 3; //Change this value here...
if(location.pathname=='/home.aspx'){
var tds = document.getElementsByTagName ('a');
for (var i = 0; i < tds.length; i++) {
timeString = tds[i].innerText;
if(timeString.match(/\d+:\d+ [ap]m\b/i)){break;}
}
stuff = tds[i].parentNode.parentNode.parentNode.parentNode.parentNode;
for(j=1;j<numberOfEntries;j++){
stuff=stuff.nextSibling.nextSibling.nextSibling
if(stuff.tagName=='BR'){
stuff=stuff.previousSibling;
}
}
for(i=0;i<20;i++){
if(stuff.tagName=='HR' && stuff.nextSibling.tagName=='TABLE')
{
stuff.nextSibling.removeNode(true);
break;
}
stuff = stuff.nextSibling;
stuff.style.display='none';
}}
</script>



<style type='text/css'>
.blogbody td { width:0px; padding-left:0px; }
</style>


<!--AdMover-->
<!--Screennaimless code created by Anti_fukin_social-->
<!--http://www.xanga.com/anti_fukin_social-->
<div style="left=195; top=1250; position=absolute;"><img src="/images/dot_clear.gif" border="0" style="display:none" width="1">
<script></script><script language="javascript">document.write('<div id="ya1160" style="width: 0%">');document.write('<table border="0" cellspacing="0" cellpadding="0" width="100%">');document.write('<tr><td style="text-align: center;"><center>');document.write('<table style="background-color: #ffffff; border: 1px solid #ffffff; background-image: none;" cellSpacing=0 cellPadding=1 width=614 border=0><tbody><tr><td width=146>');document.write('<a href=http://www.xanga.com><img height=44 alt="Brought To You By Steve" src=/images/xangalogosmall.gif width=146 align=bottom border=0></A>');document.write('</TD><TD style="TEXT-ALIGN: right">');</script>
</div><center>Brought to you by <a href="http://www.xanga.com/anti_fukin_social">Steve</a></center>
<ilayer name=""><div id="" style="width:1; height:1;  BACKGROUND: #; FILTER: alpha(opacity=0); overflow:auto"><center><applet><xmp>
<!--Finished-->
<!--End Of AdMover-->


<!-- end code provided by the Homies at createblog.com -->


<!-- begin code provided by createblog.com -->
<style type="text/css">
.custom{
width: 200px;
height: 200px;
z-index:100;
overflow: auto;
border: px #000000 solid;
background: #ffffff;
}</style>
<!-- end code provided by createblog.com -->






<!-- begin code provided by createblog.com -->
<script>
var tds = document.getElementsByTagName ('a');
for (var i = 0; i < tds.length; i++) {
timeString = tds[i].innerText;
if(timeString.match(/\d+:\d+ [ap]m\b/i)){
if(!tds[i].parentNode.parentNode.parentNode.parentNode.parentNode.tagName.match(/table/i)){break;}
table = tds[i].parentNode.parentNode.parentNode.parentNode.parentNode;
stuff = tds[i].parentNode.parentNode.parentNode.previousSibling.lastChild;
inner = stuff.innerHTML
stuff.innerHTML="";
stuff.insertAdjacentHTML('afterBegin','<div class="custom">'+inner+'</div>');

}
}
</script>
<!-- end code provided by createblog.com -->



<!-- begin code provided by createblog.com -->
<script>
var tds = document.getElementsByTagName ('a');
for (var i = 0; i < tds.length; i++) {
timeString = tds[i].innerText;
if(timeString.match(/\d+:\d+ [ap]m\b/i)){
if(!tds[i].parentNode.parentNode.parentNode.parentNode.parentNode.tagName.match(/table/i)){break;}
table = tds[i].parentNode.parentNode.parentNode.parentNode.parentNode;
stuff = tds[i].parentNode.parentNode.parentNode.previousSibling.lastChild;
inner = stuff.innerHTML
stuff.innerHTML="";
stuff.insertAdjacentHTML('afterBegin','<div class="custom">'+inner+'</div>');

}
}
</script>
<!-- end code provided by createblog.com -->

[*mona lisa*]

what do you mean they don't work? you want them to be colored right, not transparent? tthey look prettty fine.