Menu Tab Content Extends Below Table

[JMax]

I have the Menu Tabs located inside a table. Unfortunately, the tab contents extend below the bottom of the table.

Is there a way to avoid this problem? I've tried setting the cell and table heights to 100%. The only fix I can think of is giving the cell a fixed pixel height, but that causes things to get ugly if one person is using 800x600 resolution and another 1024x...

Here is a page from the site

[ddadmin]

Please edit your post to include a link to the script on DD in question, per the Sticky. This makes it a lot easier for people who want to help to refer to the script.

[JMax]

This is the script I used /

The url for my site is in the above post.

[ddadmin]

I see the problem, which seems to only appear in Firefox/NS, and not IE. This isn't a scripting issue per say, but rather, how different browsers handle dynamic content when inserted into a certain HTML tag. I see you're using a full table within each DIV to contain your content- that could be the reason why Firefox doesn't pick up on the content's height and allow it to extend the page accordingly. This is just a guess, but you may want to try a scenerio where the content are simply wrapped in their default DIV tags, and see if that solves the problem.

[JMax]

Found the source of my problem:

#tabcontentcontainer{
 /*width of 2nd level content*/
height:40px; /*height of 2nd level content. Set to largest's content height to avoid jittering.*/
}

After eliminating the height, no probs in Firefox.