Html 侧边栏中的下拉菜单

这把我难住了。我以前做过，但现在不行了

导航栏后面的浅色背景也应位于页面主体的后面。页脚不应在其中。页面上会有更多的内容，但是如果标题是欢迎来到Herb Place，则应具有与导航栏相同的灯光背景。即使我用html编写了div部分，它也会显示为红色，甚至无法识别

身体{ 背景附件：固定； 背景图片：url../photos/background.jpg； 背景位置：中心； 背景重复：重复； 背景大小：100%； 字体系列：开放式Sans，无衬线； 字号：中等； 字体风格：普通； 线高：1.6em； 保证金：1倍自动； 文本对齐：左对齐； 最大宽度：1024px； } 导航李{ 列表样式：无； 显示：块； 浮动：左； 边缘：1米； } 导航李a{ 显示：块； 文字装饰：无； 颜色：006600； 字号：1.6em； 字体系列：Lucida控制台； 字体：斜体； 边缘：0.5em； } 导航李a：悬停{ 边缘顶部：2倍； 颜色：黄色； } .矩形{ 高度：62px； 位置：相对位置； -moz盒阴影：0px 0px 4px rgba0,0,0,0.55； 盒影：0px 0px 4px rgba0,0,0,0.55； -webkit边界半径：1px； -moz边界半径：1px； 边界半径：1px； z索引：300；/*堆栈顺序：前台*/ 利润率：1米0； 背景图片：url../photos/background2.jpg； } 内容卷轴{ 背景图片：url../photos/background2.jpg； 最大宽度：1024px； 背景位置：中心； 背景大小：100%； } h1{ 颜色：669933； 字体系列：克里斯汀国际贸易中心； 填充：20px； 文本对齐：居中对齐； } 药草店

---

请创建一个JSFIDLE，这样我们就可以在Action中看到代码。您可以创建一个工作演示吗？你可以从这里开始