Problema entre clases para sobreponer texto a una imagen

[vsdlg]

Hacia mucho que no me pasaba por aqui... pero nuevamente tengo un problema que ya habia logrado solucionar hace tiempo, pero ahora no puedo, espero pueda alguien echarme una mano.

Tengo una clase creada que envuelve a otra, esto en un blog
la primer clase es una especie de cabecera a la que le puse una imagen de fondo
pero sobre ella va a ir texto, son un enlaces.

Cree otra clase para estos enlaces y la meti dentro de la clase de la cabecera, pero el texto siempre me aparece debajo de la cabecera, es decir que no la esta incluyendo en la misma, porque no la puedo ubicar donde yo quiera..

aqui el codigo.

<div id="cnt">
<div class="encabezados">INICIO</div>
</div>

cnt es la cabecera y encabezados es la clase que tiene el formato y ubucacion del texto.


#cnt {
background-image: url(fondo.jpg);
background-repeat: no-repeat;
width: 779px;
padding-top: 71px;
border: 1px solid #000000;
margin: 20px auto 0px;
}


.encabezados {
float: left;
color: #000000;
text-decoration: none;
font-family: Verdana;
font-size: 10px;
margin-left: 10px;
margin-right: 30px;
padding-top: 0px;
padding-bottom: 30px;
}

Ojala me puedan ayudar .. lo que quiero es poder colocar el texto de la clase "encabezados" dentro de la clase "cnt" es decir sobre la imagen de fondo que le coloque.

Gracias de antemano.