[Smatry]

Подскажите, пожалуйста, почему в первом случае <ul id="nav">
<li><a class="mainmenu" href="#">Продукция и т.д... срабатывает, т.е. появляется выпадающее меня, а во втором <ul id="nav">
<li><a class="mainmenu" href="#">Контакты и т.д. нет?!

Код следующий:
<style type="text/css">
@import "style2.css";
</style>
<script type="text/javascript"><!--//--><![CDATA[//><!--
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;
//--><!]]></script>
<table width="100%" border="0" cellpadding="0" cellspacing="0" background="../images/fon-head.jpg">
<tr>
<td width="30%" height="200"><br><br><br>
<table width="100%" border="0" cellpadding="0" cellspacing="0">
<tr>
<td width="30" height="30" bgcolor="#F8EBC0"></td>
<td height="30" bgcolor="#F8EBC0"><a class="mainmenu" href="../index.shtml">На главную</a></td>
<td height="30" bgcolor="#F8EBC0"><a class="mainmenu" href="../about.shtml">О компании</a></td>
<td height="30" bgcolor="#F8EBC0">
<ul id="nav">
<li><a class="mainmenu" href="#">Продукция</a>
<ul>
<li><a class="mainmenu" href="../prod-krup.shtml">Крупы в мягкой
упаковке</a></li>
<li><a class="mainmenu" href="../prod-krup-var.shtml">Крупы
в варочных пакетах</a></li>
<li><a class="mainmenu" href="../prod-hlop.shtml">Хлопья быстрого
приготовления</a></li>
<li><a class="mainmenu" href="../prod-hlop_ntv.shtml">Хлопья
не требующие варки</a></li>
<li><a class="mainmenu" href="../prod-makaroni.shtml">Макаронные
изделия</a></li>
<li><a class="mainmenu" href="../prod-muka.shtml">Мука фасованная</a></li>
<li><a class="mainmenu" href="../ves-prod.shtml">Весовая продукция</a></li>
</ul>
</ul></td>
<td height="30"><img src="../images/menu-right.gif" width="24" height="30"></td>
</tr>

</table></td>
<td width="30%"><center>
<img src="../images/logo.gif">
</center></td>

<td width="30%" align="center"><br><br><br>
<table width="100%" border="0" cellpadding="0" cellspacing="0">
<tr>
<td height="30" width="24"><img src="../images/menu-left.gif" width="24" height="30"></td>
<td height="30" bgcolor="#F8EBC0">
<ul id="nav">
<li><a class="mainmenu" href="#">Контакты</a>
<ul>
<li><a class="mainmenu" href="../contacts.shtml">Администрация</a></li>
<li><a class="mainmenu" href="../contacts.shtml">Отдел реализации
фасованной продукции</a></li>
<li><a class="mainmenu" href="../contacts.shtml">Отдел реализации
весовой продукции</a></li>
<li><a class="mainmenu" href="../contacts.shtml">Отдел закупа</a></li>
</ul>
</ul>
</td>
<td height="30" width="200" bgcolor="#F8EBC0">
<div align="left"><a class="mainmenu" href="../pitanie.shtml">О правильном
питании</a></div>
</td>
<td width="30" height="30" bgcolor="#F8EBC0"></td>
</tr>
</table></td>
</tr>
</table>

[Mihalich41]

id="nav" может задаваться только одному элементу

[Smatry]

Сообщение от Mihalich41

id="nav" может задаваться только одному элементу

Понятно, а как же сделать, что бы и второй раз в одном коде функционировало dropdown?

[Niemans]

сделайте с использованием jquery.

[Nikel']

на css можно сделать давольно красивые списки и меню.