来自ul元素的背景覆盖了整个页面

Question

我的背景只作为ul元素中4种不同类型的陶瓷的背景，红色背景覆盖了我的名字和导航栏。它为什么要这么做？我试着让每件事都相对定位，但似乎没有什么不同。为什么ul元素没有跟随文档的流程，它应该位于我的名字和导航的下面。

请提供建议，请参阅此处的示例：example

Answer 1

如果我纠正了你的问题，那么这里就是解决方案

查看此更新的小提琴：http://jsfiddle.net/4GUkU/2/

注:请让我知道，如果我在这里滞后，以便我可以根据需要进行更改。

Answer 2

浏览器很难适应漂浮的DIVs的高度。要做的最简单的事情是把：

<div style="clear:both;"></div> 

在标签后面。

Answer 3

到处都是红色是因为

#featured {
  ...
  background-color:Red;
  ...
}

UL显示在下面的“陶瓷俱乐部”和导航链接为我(在Chrome中)。您使用的是哪种浏览器？