I purchased a template and am having problems with the sidebar viewing correctly on a Macintosh. It looks fine on a PC. But, on the Mac, the date and search are underneath the scroller. Can someone help?

Here is the code for the side bar:

<!-- Begin POP-UP SIZES AND OPTIONS CODE

// CHANGE ANY OF THESE VARIABLES TO "no" OR "yes" TO TURN AN OPTION OFF OR ON

// ONLY USE lowercase FOR ALL OPTIONS

var paragraph_1 = "yes" // SHOW THE 1ST PARAGRAPH
var paragraph_2 = "yes" // SHOW THE 2ND PARAGRAPH
var showimage = "no" // SHOW A SIDEBAR IMAGE
var showscroller = "yes" // SHOW THE SCROLLER
var scrollspacing = "20" // NUDGE SIDEBAR DOWN
var bordercolor = "9291AA" // SCROLLER AND IMAGE BORDER COLOR

var showdate = "yes" // SHOW THE DATE ON THE PAGE
var dateLR = "left" // DATE LEFT OR RIGHT
var dateX = "10" // DATE X LOCATION
var dateY = "164" // DATE Y LOCATION

var showsearch = "yes" // SHOW THE SEARCH FORM
var searchLR = "left" // SEARCH FORM LEFT OR RIGHT
var searchX = "10" // SEARCH FORM X LOCATION
var searchY = "210" // SEARCH FORM Y LOCATION
var searchwidth = "160" // WIDTH OF THE SEARCH FORM
var searchtext = "Web Search" // TEXT ABOVE SEARCH FORM


// EDIT THE "scroller/scroll.variables0.js" FOR SCROLLER OPTIONS


// NUDGE SPACER
document.write('<img src="picts/spacer.gif" height="'+scrollspacing+'" width="10"><br>')




// START SIDEBAR AREA PARAGRAPH 1 EDIT THIS AREA

if (paragraph_1 == "yes") {

document.write('<span class="sidebartitle">')

document.write('Serving Children with Special Needs')

document.write('<br></span><span class="sidebartext">')

document.write('in Ashland, Crawford, Knox, Marion, Morrow, Richland & Wyandot Counties.<br><br>')

document.write('<a href="contact.htm" class="sidelink">http://www.ncoserrc.org</a><br>')

document.write('</span><br><br>')

}
// END SIDEBAR AREA PARAGRAPH 1





// SCROLLER CODE

if (navigator.userAgent.indexOf('Safari') != -1)
{
document.write('<br>')
}
else {

if (showscroller == "yes") {

document.write('<TABLE cellpadding="0" cellspacing="0" border="1" bordercolor="#'+bordercolor+'" style="border-collapse:collapse"><tr><td>')
Tscroll_init (0)
document.write('</td></tr></table>')
document.write('<br><br>')

}
}





// SMALL PICTURE AREA
if (showimage == "yes") {

document.write('<br><TABLE cellpadding="0" cellspacing="0" border="1" bordercolor="#'+bordercolor+'" style="border-collapse: collapse"><tr><td>')
document.write('<a href="index.html"><IMG SRC="picts/sidebar.jpg" border="0" width="150"></a><br>')
document.write('</td></tr></table>')
document.write('<br><br>')
}




// START SIDEBAR AREA PARAGRAPH 2 EDIT THIS AREA

if (paragraph_2 == "yes") {

document.write('<span class="sidebartext">')

document.write('North Central Ohio<BR> Special Education<br> Regional Resource Center')

document.write('<br></span><span class="sidebartext">')

document.write('1495 Longview Ave<br>Suite 200<br>Mansfield OH 44906<br>1-419-747-4808<br>1-800-424-7372<br> fax 1-419-747-3806')

document.write('</span><br><br>')

}
// END SIDEBAR AREA PARAGRAPH 2




// SEARCH FORM
if (showsearch == "yes") {

document.write('<div id="search" style="'+searchLR+': '+searchX+'px; POSITION: absolute; TOP: '+searchY+'px; width: auto; z-index: 1;">')
document.write('<TABLE cellpadding="0" cellspacing="2" border="0" width="'+searchwidth+'"><tr><td colspan="2" class="sidebartext">')
document.write(''+searchtext+'<br>')
document.write('</td></tr><tr><td align="left">')
document.write('<form action="http://www.google.com/search" name="f" target="_blank" style="margin: 0px">')
document.write('<input type="hidden" name="any selected">')
document.write('<input size="15" name="q" value="" class="searchform">&nbsp;<input type=submit value="Go!" name="btnG" class="searchbutton"><br>')
document.write('</form>')
document.write('</td></tr></table>')
document.write('</div>')
}



// START DATE SCRIPT
if (showdate == "yes") {

document.write('<div id="date-location" style="'+dateLR+': '+dateX+'px; POSITION: absolute; TOP: '+dateY+'px">');
var d=new Date()
var weekday=new Array("Sunday","Monday","Tuesday","Wednesday","Thursday","Friday","Saturday")
var monthname=new Array("January","February","March","April","May","June","July","August","September","October","Novem ber","December")
document.write("<span class=\"date-font\"><nobr>" + weekday[d.getDay()] + " ")
document.write(monthname[d.getMonth()] + " ")
document.write(d.getDate() + ". ")
document.write(d.getFullYear())
document.write("</nobr><br></span>")
document.write('</div>');

}


// -- END -->

It is available for viewing at http://www.ncoserrc.org

Thank you in advance for any help you can offer.