Html TD中的可滚动DIV在WebKit中工作，但在Gecko中不工作

我正在做一个学校项目，我必须创建一个简单的演示网页。问题是该网页在Firefox中无法按预期工作，而在Chrome和Othert WebKit浏览器中一切正常

我的问题是：请不要改变英语的语言，因为你将看不到我的问题。如果你在Chrome中访问eChipmente，你会看到content div有一些漂亮的滚动条，页脚保持在底部。如果在Firefox中这样做，滚动条将不再显示，页脚似乎位于网页可见部分的下方。作为解决方法，我使用：

function mozillaFix(){  
    return; // we shouldn't use this
    $('#content').height($('#maindiv').height() - $('#topheader').height() - $('#copynote').height() - 40)
    $('#leftmenu').height($('#maindiv').height() - $('#topheader').height() - $('#copynote').height() - 40)
}

但我想这不是最优雅的解决方案。问题出在哪里？

使用Javascript将最大高度设置为所需高度，我使用FireBug将其测试为最大高度：400px；。然后，Firefox将制作一个漂亮的滚动条，并根据需要显示页脚

正如在互联网上找到的，解决方案是定义div容器的高度。如果您有以下CSS，它应该可以工作：

html, body {
    height: 100%;
}

---

离题评论：你真的很喜欢文字阴影！不过效果很好：这只是一个变通办法。。不是解决办法。。你能告诉我为什么它在chrome中工作而不是在FF中吗？我不知道OP刚才是否编辑了css文件，但对我来说，问题似乎已经解决了。我认为html，body{height:100%}起了作用……我没有编辑CSS，我只是在原始帖子中使用了JS解决方法。是的，有点粗俗，但是。。。没关系，我已经在使用CSS代码了，但是没有效果。