Html Div背景图像&；高度不工作

我有一个围绕我的内容的divmain和一个边栏。我已指定#main具有背景图像和1200px的最小高度

在Google Chrome&Firefox中，当我检查源代码时，div没有任何属性。因此，div的背景图像和高度也不起作用

<!--Main content layout -->
#main {
clear:both;
position: relative;
min-height: 1200px;
background-image:url(images/white.png);
background-repeat: repeat-x;

}

.sidebar1 {
float: right;
width: 20%;
padding-bottom: 10px;
margin-top: 20px;
}
 .content {
padding: 10px 0;
width: 76%;
float: left;
margin-top: 20px;

}

#主要{
明确：两者皆有；
位置：相对位置；
最小高度：1200px；
背景图片：url（images/white.png）；
背景重复：重复-x；
}
.侧边栏1{
浮动：对；
宽度：20%；
垫底：10px；
边缘顶部：20px；
}
.内容{
填充：10px0；
宽度：76%；
浮动：左；
边缘顶部：20px；
}

网址为：

我真的很感激其他人看到这一点。我一直在使用这个方法，但由于某种原因，这次它失败了。

注释

不是一个有效的CSS注释，而是一个HTML注释，导致了一个解析错误。

看到屏幕截图，我发现你的布局中有一些干扰，要解决这个问题或解决你的问题是非常困难的 不要在CSS中将图像作为背景，在html中将其作为图像，如下所示

<img width="1360" height="675" src="images/bg0.jpg" class="wraper">
<div id="main">Your content</div>

---

如果您觉得它不合适，请忽略它或添加注释，说明图像mountain image是附加到html定义的背景图像。在你的大屏幕上，我看到了这个问题，会解决的。谢谢。我知道这很愚蠢。w3验证器也没有告诉我它是什么。把它拿出来，现在它工作了。谢谢W3C验证程序确实为我报告了一个解析错误，指向它解析的最后一个CSS。

.wraper {
    height: 100%;
    left: 0;
    position: fixed;
    top: 0;
    width: 100%;
}

#main{
position: absolute;
min-height: 1200px;
width:100%;
}