固定宽度CSS浮动2列布局等高问题

我有一个页面设计，我正试图实现一个标题（菜单栏），下面是一个在css中具有静态宽度的div。 这个div包含两个div-#contentArea和#menuArea，每个div都有一个页眉、中间和页脚（页眉和页脚有背景图像，中间适合内容）

我已经将float:left和correct静态宽度应用于#contentArea和#menuArea，效果很好，但我想将这两个应用到相同的高度。我寻求内联/内联块解决方案，但这些似乎给IE6/7带来了很多麻烦。不幸的是，这种设计需要合理地（不一定完美地）显示回IE6/FF3

我放了一个简单的页面来演示我在家里的服务器上所做的事情

有人能推荐一种方法来完成这项任务或是做些什么吗

---

谢谢

您可以尝试设置属性

高度：100%。这将使其与包含的div pageBody的高度相同。
您可以尝试设置属性
高度：100%。这应该使其与包含的div pageBody具有相同的高度。
不幸的是，由于#pageBody的所有子项都是浮动的，因此#pageBody没有任何高度可供#pageMenuArea继承。如果我能得到一个内联类型的解决方案，这可能会起作用。我已经找到了答案-我给了pageMenuArea位置：绝对值和顶部、底部和右侧的值，高度：100%。这似乎在底部值上做了一些调整。不幸的是，由于#pageBody的所有子项都是浮动的，#pageBody没有任何高度可供#pageMenuArea继承。如果我能得到一个内联类型的解决方案，这可能会起作用。我已经找到了答案-我给了pageMenuArea位置：绝对值和顶部、底部和右侧的值，高度：100%。这似乎已经完成了一些调整底部值的技巧。