前端新手的，css样式问题，求指教

想让主体内容全部显示在背景上的图片上，当主体内容全部显示完了之后向下滚动鼠标才会让主体内容下的次要内容向上移动遮住图片，目前我的效果是图片中的这样

这是背景部分的CSS代码

.about-agile {
    background: url(../images/ab1.jpg)no-repeat;
    background-attachment: fixed;
    background-size: cover;
    -webkit-background-size: cover;
    -o-background-size: cover;
    -ms-background-size: cover;
    -moz-background-size: cover;
    text-align: center;
}

这是主体内容部分的CSS代码

#main{
    border:0px;
    padding:0px;
    margin:0px auto;
    width:765px;
    height:auto;
}

对了，顺带问下，我想把内容哪个部分弄宽一点，怎么弄啊？
谢谢大佬了

解决不了，重新问了 ，，，，，，

背景图片用：background-image