Problema con Div y su colocación con CSS

[Bargath]

Tengo un problema con un div que quiero colocar "dentro" de otro div.

Expongo el código:

Código:

<div id="fondo">
      <div id="delante">
           una imagen
      </div>
      un menú
    </div>

y expongo el CSS:

Código:

#fondo{
	position: relative;
	z-index: 0;
	width: 1000;
}
#delante{
	position: absolute;
	width: 190px;
	left: 51px;
}

El tema es que el elemento que va dentro del div con nombre "delante" devería salir encima y a 51 px de la izquierda del div llamado "fondo" y sin embargo se me coloca donde diós perdió la zapatilla.

¿Que he hecho mal?
Gracias!

[ArturoGallegos]

lo único que has hecho mal es el ancho de tu #fondo dice 1000 pero mil que ?¿ px, pt, em, ??

por otro lado podrías apreciar mejor el efecto si en lugar de left:51px le pones un numero mayor a 100px o inferior a 30px.... no porque no funcione en 51px sino que sera mas notoria la distancia o el que se muestre sobre el texto un menú


Ps: los div son transparentes asi que se vera texto empalmado si quieres que oculte el texto "un menú" deberás aplicar un background al id="delante"

[Bargath]

Perdón, vaya tontería más tonta, lo he cambiado y me sigue pasando lo mismo me sigue saliendo mal...

He cogido un CSS de muestra de otra web parecida q había hecho anteriormente y sin ver mucho la diferencia lo he arreglado:

Código:

#fondo {
	position: relative;
	width: 1000px;
	height: 404px;
}
#delante{
	position: absolute;
	width: 190px;
	left: 51px;
}

El tema es que el mismo código CSS aplicado en dos webs teóricamente idénticas, en una se ve mal y la otra bien... así que imagino que antes de los DIVs debe haber algún otro elemento que me "descuajaringue el tenderete".

Gracias igualmente.
Un saludo.

[sanxuan]

Prueba a darle también una posicion vertical mediante top o bottom. El z-index no será necesario.

He probado el código (después de escribir lo anterior) en Firefox, IE y chrome y lo veo correctamente. Si no se especifica la posición vertical asume el valor top:0.
Me temo que no estés usando un DTD. ¿Usas la etiqueta DOCTYPE?
Si no se soluciona con eso prueba a validar tu documento en http://validator.w3.org
puede que tengas algún error más.
El CSS lo puedes comprobar en http://jigsaw.w3.org/css-validator/
Para cualquier duda, seguimos por aquí.

[Bargath]

No, no, perdón... ya solucioné el tema con el código que he puesto en mi segundo mensage.

El Quit de la cuestión es que no encuentro gran diferencia entre el primero y el segundo en cambio el segundo funciona y el primero no.

No he cambiado nada de heads siempre ha tenido "DOCTYPE" y "http://validator.w3.", siempre han estado en el html.

Quizá habia algo en el html que lo hacía fallar y lo corregí sin querer en alguna de las pruebas... Ay don nou.

Gracias igualmente!