Drop down menus not working in I E

[ellis200200]

Hi all.

I hope this may get a response (i don't seem to get many)

I have used the suckerfish code to create a drop down menu. I've added the CSS to my own template (future zen) and added the tpl_ezpages_bar_header.php
to my template in it's own common folder (thanks cherylkemp for the help)

All seems fine in fire fox but nothing in I E I've been over and over it again checking i have made all the changes as instructed but it will not work

www.niodonline.co.uk/catalog

Here's the php code

<?php
/**
* Page Template
*
* Displays EZ-Pages Header-Bar content.<br />
*
* @package templateSystem
* @copyright Copyright 2003-2006 Zen Cart Development Team
* @copyright Portions Copyright 2003 osCommerce
* @license http://www.zen-cart.com/license/2_0.txt GNU Public License V2.0
* @version $Id: tpl_ezpages_bar_header.php 3377 2006-04-05 04:43:11Z ajeh $
*/

/**
* require code to show EZ-Pages list
startList = function() {
if (document.all&&document.getElementById) {
navRoot = document.getElementById("nav");
for (i=0; i<navRoot.childNodes.length; i++) {
node = navRoot.childNodes[i];
if (node.nodeName=="LI") {
node.onmouseover=function() {
this.className+=" over";
}
node.onmouseout=function() {
this.className=this.className.replace(" over", "");
}
}
}
}
}
window.onload=startList;
*/
include(DIR_WS_MODULES . zen_get_module_directory('ezpages_bar_header.php'));
?>

<?php if (sizeof($var_linksList) >= 1) { ?>
<div id="navEZPagesTop">
<?php for ($i=1, $n=sizeof($var_linksList); $i<=$n; $i++) { ?>
<a href="<?php echo $var_linksList[$i]['link']; ?>"><?php echo $var_linksList[$i]['name']; ?></a><?php echo ($i < $n ? EZPAGES_SEPARATOR_HEADER : '') . "\n"; ?>
<?php } // end FOR loop ?>
</div>

<div id="ezpagesnav" style="width: 100%; height: 39px">

<ul id="nav">

<li>Sunfishes
<ul>
<li><a href="">Blackbanded&#187;
sunfish</a></li>
<li><a href="">Shadow bass</a></li>
<li><a href="">Ozark bass</a></li>
<li><a href="">White crappie</a></li>
</ul>
</li>

<li>Grunts
<ul>
<li><a href="">Smallmouth grunt
</a></li>
<li><a href="">Burrito</a></li>
<li><a href="">Pigfish</a></li>
</ul>
</li>

<li>Remoras
<ul>
<li><a href="">Whalesucker</a></li>
<li><a href="">Marlinsucker</a></li>
<li><a href="">Ceylonese remora</a></li>
<li><a href="">Spearfish remora</a></li>
<li><a href="">Slender suckerfish</a></li>
</ul>
</li>
</ul>

<ul id="ezpagesnav">


<?php } ?>


Thanks for any help.

Andrew.

[www.scifi-models.com]

HI there... Your problems is that without somekind of Javascript, drop down CSS menus do not work correctly with I.E... If you go to www.alistapart.com you will find the answer...search for CSS drop and you shall find! :)