DD tab Menu and firefox, second level content overlaps regular page content

[skywind]

1) Script Title:
DD Tab Menu
2) Script URL (on DD):
http://www.dynamicdrive.com/dynamicindex1/ddtabmenu.htm
3) Describe problem:

When I use the internet explorer, If I put more contents in the second level. It will push the regular page content down. But for the firefox, the second level contnet will be on top of the regular page conent.

For example, the helphelphelp... in the second level content, will be on top of the regular page conent

<p><h3><a href="http://www.dynamicdrive.com/dynamicindex1/ddtabmenu.htm">DD Tab Menu homepage</a></h3></p>

Any help? I can really use this code if it is also work for firefox.


--
<h2>5) Example 5</h2>

<div id="ddtabs5" class="chromemenu">
<ul>
<li><a href="http://www.dynamicdrive.com" rel="cm1">Home</a></li>
<li><a href="http://www.dynamicdrive.com/new.htm" rel="cm2">DHTML</a></li>
<li><a href="http://www.dynamicdrive.com/style/" rel="cm3">CSS</a></li>
<li><a href="http://www.dynamicdrive.com/forums/">Forums</a></li>
<li><a href="http://tools.dynamicdrive.com/imageoptimizer/">Gif Optimizer</a></li>
</ul>
</div>

<DIV class="tabcontainer">

<div id="cm1" class="tabcontent">
Return to the <a href="http://www.dynamicdrive.com">frontpage</a> of Dynamic Drive.
help help help help help help help help help help help help help help help help help help help help help help help help help help help help help help help help help help help help help help help help help help help help help help help help help help help help help help help help help help help help help help help help help help help help help help help help help help help help help help help help help help help help help help help help help help help help help help help help help help help help help help help help help help help help help help help help help help help help help help help

</div>

<div id="cm2" class="tabcontent">
See the new scripts recently added to Dynamic Drive. <a href="http://www.dynamicdrive.com/new.htm">Click here</a>.
</div>

<div id="cm3" class="tabcontent">
Original, practical <a href="http://www.dynamicdrive.com/style/">CSS codes and examples</a> such as CSS menus for your site.
</div>

</DIV>

<br /><br />
<p><h3><a href="http://www.dynamicdrive.com/dynamicindex1/ddtabmenu.htm">DD Tab Menu homepage</a></h3></p>

[ddadmin]

There could be something in your CSS causing it. Please post a link to the page on your site that contains the problematic script so we can check it out.

[skywind]

http://www.masterfolio.ca/_test/java...ddtabdemos.htm

See the Example 5 home tag in the firefox.

Thanks!

[ddadmin]

Actually, in Firefox 2.x, I don't see the longer subcontent overlapping regular content, but instead, in IE7, I do. Either way though, the issue has to do with the "height" attribute of the sub content DIV inside the .css file (http://www.masterfolio.ca/_test/java...romemenu.css):

height:1.5em; /*height of 2nd level sub menus. Set to largest's sub menu's height to avoid jittering.*/

Either set this height to a number large enough to accomodate your longest content, or remove it to let each content dictate the height on their own.

[skywind]

thanks!