I am not sure where to post this so I started here.

I am building a site that has a sliding menu in it. It works great in Firefox but as usual IE is giving fits.

I am not able to figure out why.

Here is the code.

This is the actual menu part:
<script language="JavaScript"><!--

var open = 0;
var slideSpeed = 20;
var object = null;
function setMenu (objectID) {
object = document.getElementById (objectID);
if (open) {fX = -160; cX = 0; open = 0; }
else {fX = 0; cX = -160; open = 1; }

function slideMenu (cX,fX) {
if (cX != fX) {
if(cX > fX) { cX -= slideSpeed; }
else {cX += slideSpeed; }
object.style.left = cX + 'px';
setTimeout('slideMenu(' + cX +',' +fX + ')', 0);


<table width="200" border="0" frame="frame" cellspacing="0" cellpadding="5" bgcolor="#a96234">
<td align="center" bgcolor="#a96234" width="160"><a href="/index.php">Home</a></td>

<td rowspan="6" width="10">

<div align="left"><a href="javascript:setMenu('mainMenu')" onFocus="if(this.blur) this.blur();"><img src="/BDTS/Artwork/menuTab.gif" height="200" width="25" border="0" /> </a></div>


<tr> <td align="center" width="80" bgcolor="fc8d46"><a href="/fixedposition.php">Fixed Position</a>


<tr> <td align="center" bgcolor="#a96234" width="80"><a href="/ladderstands.php">Ladder Stands</a>


<tr> <td align="center" width="80" bgcolor="fc8d46"><a href="/climbingsticks.php">Climbing Sticks</a>



Part of the header file that calls the menu:

<link href="screen.css" rel="StyleSheet" media="screen">


<div class="body"><body>
<span id="mainMenu" class="menu">
<?php include("navslide.php"); ?>

Any ideas to fix this one or ideas an a better system would be greatly appreciated.

Thanks in advance.