What if you gave each mega menu DIV an explicit height, such as:
Code:
<div id="jkmenu" class="mega solidblocktheme" style="height:180px">
<p style="margin:5px 0 10px 0"><b>Visit the following main content areas of JavaScript Kit:</b></p>
<div class="column">
<ul>
<li><a href="http://www.javascriptkit.com" rel="freescripts">Free JavaScripts</a></li>
<li><a href="http://www.javascriptkit.com">JavaScript Tutorials</a></li>
<li><a href="http://www.javascriptkit.com">Free Java Applets</a></li>
</ul>
</div>
<div class="column">
<ul>
<li><a href="http://www.javascriptkit.com">JavaScript Tutorials</a></li>
<li><a href="http://www.javascriptkit.com">DHTML Tutorials</a></li>
<li><a href="http://www.javascriptkit.com">Web Design Tutorials</a></li>
</ul>
</div>
<br style="clear:left" />
<p>Need help with JavaScript? <a href="http://www.codingforums.com">Coding Forums</a> should be your next stop!</p>
</div>
Normally you shouldn't have to do this, but the "emptiness" of the demo page you're using may be contributing to the script initializing too quickly, and in IE6, so much so that the script can't correctly grab the real height of each mega menu DIV before it fires, resulting in incorrect heights being fed into the script.
Bookmarks