dos fondos en una web

[angeles33]

El tema es que tengo dos fondos en una web, uno en el body que solapa al de html, el tema es que ie funciona correctamente, pero en mozilla, opera, ect.
Se me ve un espacio arriba del fondo de html, que tengo que poner al body para que se situe arriba y se vea bien en esos navegadores.
gracias
html {
background : url(../img/fondob.jpg) repeat-y center top;
margin: 0;
}



body
{
padding: 0;
margin: 0px 0px 0px 0px;

text-align: center;
background: url(../img/fondoa.jpg) no-repeat center ;
background-position:top;
}

[DragonX]

http://www.css3.info/preview/multiple-backgrounds/

Slds.-

[angeles33]

gracias pero eso solo funciona en css3 y para determinados navegadores

[alexk]

Iniciado por angeles33

gracias pero eso solo funciona en css3 y para determinados navegadores

http://css3pie.com/

[kseso?]

¿No le tendrá un margen superior a la primera caja (div) de su html. Esto es, al primer hijo de body?
Si fuese así, cambie el margen de ese elemento por un padding superior al body de igual valor.

Por cierto, tiene una contraindicación en:

background: url(../img/fondoa.jpg) no-repeat center ;
background-position:top;

la primera regla sería para situar la imagen en el centro de la ventana (vertical y horizontal)
Con la 2ª la reescribe para ponerla al centro en x y arriba en y.

Y para evitar alguna sorpresa en alguna versión de algún navegador, mejor dejar un espacio entre el cierre de paréntesis y el repeat.

[angeles33]

eso era muchas gracias