Maquetacion de cabecera

[dablin]

Hola a todos!

Tengo una web con una cabecera me gustaria poner un texto dentro de esa cabecera pero no consigo que quede dentro.
Este es el codigo html

Código:

  <div id="cabecera">
                <h1></h1>
                
                    <div id="dercab">
                        <a href="javascript:abrirVentanaReg();cerrarVentanaIS()" style="text-decoration:none;">Reg&iacute;strate</a> |
                        <a href="javascript:abrirVentanaIS();cerrarVentanaReg()" style="text-decoration:none;">Iniciar Sesi&oacute;n</a>

                    </div>
                   
            </div>

Este es el css

Código:

#cabecera{
width:100%;
height:100px;
background: #000 url(../img/cabecerarepeat.png) repeat-x;

}


#cabecera h1 {
    width:100%;
    height: 100px;
    background:url(../img/cabecera.png) no-repeat left;

}
#dercab {
  background-color:aqua;
  float:right;
  margin-right: 20px;
}

De esta manera consigo colocar bien la cabecera con la imagen repeat para que ocupe toda la pantalla pero el texto de Inicar sesion y Registro quedan fuera de la cabecera y no se como hacer para que esten dentro y a la derecha...!

Alguna idea? Gracias

Un saludo