Hi all,

Im have a problem getting this code to work in IE, it works perfectly in Firefox. Any help much appricated.

Thanks JoePC

Code:
<html>

<head>
<title>DHTML & CSS for the WWW | Creating a Sliding Menu</title>
<script language="JavaScript"><!--

var open = 0;
var slideSpeed = 10;
var object = null;


function setMenu (objectID) {
object = document.getElementById(objectID);
if (open) { fX = -80; cX = 0; open = 0; }
else { fX = 0; cX = -80; open = 1; }
slideMenu(cX,fX);
}

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);
}
return;
}
// -->
</script>
<style type="text/css"><!--
body {
margin-left: 30px
}

#mainMenu {
top: 0;
left: -80px
}

.menu {
position: fixed;
}

a:link {
color: red;
font: bold 12px "Trebuchet MS", Arial, Helvetica, Geneva, sans-serif
}

--></style>

</head>

<body>
<span id="mainMenu" class="menu">
<table width="100" border="0" frame="frame" cellspacing="0" cellpadding="5" bgcolor="#999999">
<tr>
<td align="right" bgcolor="#cccccc" width="80"><a href="#">Option 1</a></td>
<td rowspan="6" width="10">
<div align="left">

<a href="javascript:setMenu('mainMenu')" onFocus="if(this.blur)this.blur();"><img src="menuTab.gif" height="100" width="15" border="0" /></a></div>
</td>
</tr>
<tr>
<td align="right" width="80"><a href="#">Option 2</a></td>
</tr>
<tr>
<td align="right" bgcolor="#cccccc" width="80"><a href="#">Option 3</a></td>

</tr>
<tr>
<td align="right" width="80"><a href="#">Option 4</a></td>
</tr>
<tr>
<td align="right" bgcolor="#cccccc" width="80"><a href="#">Option 5</a></td>
</tr>
<tr>

<td align="right" width="80"><a href="#">Option 6</a></td>
</tr>
</table>
</span>
</body>

</html>

Thanks again.....