Would anyone know how to modify the js below so that the smenu link both shows and hides the sub menu. I've tried searching google but all I found was french sites :-)

window.onload=montre;
function montre(id) {
var d = document.getElementById(id);
for (var i = 1; i<=10; i++) {
if (document.getElementById('smenu'+i)) {document.getElementById('smenu'+i).style.display='none';}
}
if (d) {d.style.display='block';}
}

<dl id="menu">
<dt onclick="javascript:montre();"><a href="#">link</a></dt>
<dd id="smenu2">
<ul>
<li><a href="#">link</a></li>
<li><a href="#">link</a></li>
<li><a href="#">link</a></li>
<li><a href="#">link</a></li>
</ul>
</dd>
<dt onclick="javascript:montre('smenu3');"><a href="#">link</a></dt>
</dl>

I think you're right. I spent a long time getting the menu to look the same cross browser only to find that it bounced around like a mexican bean in ie6. I discovered the fix to that was to remove height and use padding but that then produced more problems in ie6 and finally I gave up. That link seems pretty good. I will probably use it on another project but for now I'm using another menu format that works well cross browser and only has one small js problem to clear up :-)