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

[Newbie001]

sera que estas ocupando el 100% del ancho y del largo de la cabecera con el H1...

pd: no pongas color "aqua", busca el hexadecimal del color y escribilo en su lugar

pd2: en el h1 no pongas "left" en background, ponele float:left si queres q se alinie a la derecha.

pd3: si vas a tener elementos flotantes te conviene que su contenedor tambien flote (por lo menos en lo que respecta a mi experiencia, aunque no es mucha)

[dablin]

Gracias por tus consejos Newbie001 me han servido para conseguir lo que queria

Un saludo Dablin.