具有最大高度的 CSS 布局效果不佳

Question

因此，对于一个网站，我一直在尝试让特定的布局在 IE 浏览器上工作(如果 FF + Chrome 可以工作，但通常他们会工作)。

下面你可以看到我正在努力实现的布局； alt text http://dl.dropbox.com/u/2199846/layout.png

如您所见，这只是您在 Internet 上可以看到的多列布局的一个微小变体。只是添加了一些额外的东西。
- 任何 div 都不应超过页面高度，如果超过，它们应该只是溢出(但通常这只会发生在中间部分)
-“切换”链接应该切换可见/不可见下方的 div(获得 jquery 代码和所有，那里没有问题)，但该切换应该关闭扩展/减小中间 div 的宽度。

我在这里的可能性结束了，并尝试更改为完整的表格布局，但是当内容太多时总是会扩展的问题...
如果有哪位 CSS 大侠知道如何制作这种布局，我将不胜感激!!

编辑:
我忘了补充的是这个设计的某些部分应该是固定的宽度/高度。顶部的高度应为 60px，左右两侧的宽度应为 200px。小栏(+ 切换栏)应为 30px 高。
当然，我会尝试从下面发布的示例开始工作，但我想我会添加此编辑以防万一有人发现它具有挑战性(我知道我发现它具有挑战性，但我的 CSS 还不是很好现在)

Answer 1

http://jsfiddle.net/YGgTx/1/

我相信这是您正在尝试做的事情的模型。正如其他海报所示，您可能希望使用 hide() 来处理菜单效果。如果此模型有任何问题，请告诉我，我没有安装 IE6，但它可以在 8 上运行。