CSS布局问题：重叠的图像和太多的div？

我最近做了一些设计，并试图对它们进行切片和编码，以便更好地使用CSS。在我的第一次设计中，我遇到了一些问题

首先，我有太多的div吗？我在每个部分周围都有一个包装器，允许内容左侧和右侧的可扩展背景部分与内容本身的颜色不同。我还必须使用条件样式使IE正确定位ul。有更好的方法吗

其次，我会为内容部分中的每个彩色块创建一个div吗？那会给我一个白色、蓝色、白色、灰色和蓝色的div，它们都叠在一起。主要的问题将是鹦鹉和价格199美元的标志，打破了div

以下是我得到的：

下面是它的外观：

您没有使用，这将导致交叉浏览器问题。考虑添加一个。你会遇到IE的问题，在这种情况下，条件风格是最好的选择。但增加重置将减少IE问题

因为假释是从它的div中分离出来的，所以你不应该把所有的东西都分成多个div。有一个非线性的渐变，在这个标题中有很多图形。只需抓取图像，并使其成为一个大背景（蓝色背景+灰线+鹦鹉），它应该工作。在上面添加skype和co.图标以及文本

如果希望对文本进行抗锯齿处理，请尝试使用或将文本添加到主背景中

就我所见，你只需要开始工作，看看你是否遇到了问题