CSS 元素覆盖/重叠问题

Question

我不是 CSS 专家，但我相信我的任务对你们这些专家来说非常简单/基本。在此先感谢你们的帮助。

更新 #1:在此处找到 HTML/CSS 代码:http://jsfiddle.net/x5buy/3

还有截图: 这是当前接受的布局: http://img31.imageshack.us/img31/5198/56133492.png

我需要向导航中添加更多元素，但布局已损坏，请参阅: http://img9.imageshack.us/img9/1058/21950608.png

这就是我需要达到的结果: http://img13.imageshack.us/img13/9349/45543510.png

这是当前负责的CSS代码..

页眉主容器: http://img406.imageshack.us/img406/7692/513201231541pm.png

标题内容: http://img442.imageshack.us/img442/4977/513201222222pm.png

导航: http://img269.imageshack.us/img269/6426/513201222314pm.png

Answer 1

很难弄清楚发生了什么，因为它与您在屏幕截图中显示的内容并不完全相同。

无论如何，您的顶部菜单被向下推似乎很清楚，因为左侧 <div id="caption">相当大。出路是使<ul id="navigation">绝对位于 <div class="content"> 内(如果需要，更改 z-index)。