Fondo Degradado se corta.

[robertty55]

Buenas amigos, tengo un pequeño problema. Estoy tratando de poner un fondo degradado al body de una página, pero me da un efecto como de repetición.

Solo quiero q el degradado Comience en el borde superior y termine en el inferior.

Codigo HTML:

Código HTML:

<section>
<header id="cabecera"><a href="index.html"><img src="img/banner.png"/></a>
    <h3>Sistemas de Generación de Citas</h3>
    </header>
    <section id="contenido">
        <h1 id="paso1">Paso 1</h1>
        <div id="selector">
            <div id="opcion">
            <span>Seleccione el Centro de Distribución Directa:</span>
            <select>
                <option value="1">Centro de distribución directa Paraguana I</option>
                <option value="2">Centro de distribución directa Paraguana II</option>
            </select>
            </div>
            <h1 id="titulo_centro">Centro de Distribución Directa "Paraguana II"</h1>
        </div>
    </section>
</section>
 

Código CSS:

Código CSS:

*{
        padding:0;
        margin:0;
    }
    section{
        max-width:2000px;
    }
    header img{
        width:100%;
        border-bottom:4px solid #c02b20;
    }
    #cabecera  {
        background:-moz-linear-gradient(top, #999, #FFFFFF);
        background:-webkit-linear-gradient(top, #999, #FFFFFF);
    }
    h3{
        font:25px Verdana, Geneva, sans-serif;
        text-align:center;
    }
    body{
        background: -moz-linear-gradient(top, #c0940b, #f7cc00);
        background: -webkit-linear-gradient(top, #c0940b, #f7cc00);
    }
    #contenido{
        border:1px dashed gray;
        position:absolute;
        z-index:2;
        width:100%;
        background-image: url(img/fondo.png);
        height: auto;
        background-repeat: no-repeat;
    }
    #paso1{
        z-index:3;
        margin-left:30px;
        font-size: 120px;
        font-family: Tahoma, Geneva, sans-serif;
        text-align: left;
        font-style:oblique;
        color:rgba(255, 255, 255, 0.4);
    }
    #selector{
        max-width:900px;
        border:1px solid black;
        margin:auto;
    }
    #opcion{
        font:bold 15px Verdana, Geneva, sans-serif ;
        width:700px;
        margin:auto;
    }
    #titulo_centro{
        text-align:center;
    }