Фон с градиентом

[ShootingStar]

Здравствуйте, верстаю 5-й урок с данного курса.

шаблон

Размер шаблона 1200px, вырезал фон для 1200px, и 1px по краям:

        <header>
            <div class="up">
                <div class="w960">
                    <img src="img/logo.png" alt="" width="153" height="43" >
                </div>
            </div>
            <div class="down">
                <span class="left"></span>
                <span class="right"></span>
                <div class="w1200">

                </div>
            </div>
        </header>

.w1200{
    height:100%;
    width:1200px;
    margin: 0 auto;
}

.down{
    position:relative;
}
.down .w1200{
    position: relative;
    z-index: 1;
    height:370px;
    background: url("../img/header_bg.jpg") no-repeat;
}
.down .left{
    position: absolute;
    left:0;
    z-index:0;
    width: 50%;
    height: 100%;
    background: url("../img/left_line.jpg") repeat-x;

}
.down .right{
    position: absolute; 
    top:0;
    right:0;
    z-index:0;
    width: 50%;
    height: 100%;
    background: url("../img/right_line.jpg") repeat-x;
}

Вот что вышло:

HTML страница.

Может вместо position:absolute использовать float? Если знаете способ лучше, подскажите, пожалуйста.

Edited April 6, 2012 by ShootingStar