problemas con imagen de fondo

[matelo]

holas, un saludo a todos. Tengo un problema, tengo un fondo que lo puse con css y despues tengo otra imagen insertada en html la cuestion es que mi texto tinene que empezar mucho mas abajo que el top de la pagina, y cuando quiero bajarlo se baja el fondo tambien, que puedo hacer?

este es una parte del css

body
{
background: url("imagenes/sombra.gif") repeat-y;
margin: 0 0 0 0px;
font-family: verdana, tahoma, sans-serif;
font-size: 12px;
color: #908774;
text-align: center;
background-position: center;
}


#container
{
width: 713px;
background: url("imagenes/fondo.jpg") no-repeat;
margin: 0 auto 0px auto;
text-align: left;
padding: 0;
}

/* contenido */

#header
{
width: 713px;
margin: 400px 0 0 0;
}

.imageg
{
float: right;

}

.imaletra
{
vertical-align: text-bottom;
position: absolute;
}

.contenido
{
margin-top: 0px
}
p.primer
{
float: left;
margin: 0px 0 0 100px;
z-index:1
font-size: 12px;
width: 400px;
}

cuando en el header le pongo: margin: 400 px 0 0 0

se baja todo, incluso el fondo.jpg

[borjasanba]

prueba a darle padding-top, puede ser una solucion si lo unico que quieres es bajar el texto.

Un saludo

[Scour]

Igual que tienes una capa para la cabecera '#header', podrías poner el resto del contenido en otra capa, y a la capa de la cabecera le asignas una altura 'height' y el resto del contenido comenzará a partir de esa altura.

Como la capa donde estará la imagen y la capa donde estará el texto serán distintas, podrá empezar el texto más abajo sin que la imagen de fondo se descoloque.

Un saludo.

[matelo]

gracias por las respuestas. Pero me podrias explicar mejor lo de las capas, no entiendo muy bien. Gracias!!

[matelo]

no se que hacer, en el firefox me sale bien lo que estoy haciendo, (hasta donde hice) pero cuando lo veo en el IE se ve un desastre!!! completo, la imagen de fondo en el centro pero la otra imagen de los costados se ve en otra parte y el texto ni siquiera aparece, no se ve!!!!
Por que???????