Estou usando esse css. No IE6 ele esta ok a segunda imagem esta alinhado ao termino da página, porém no IE7, FF e Chrome ele está alinhando na resolução do monitor.
Apesar de achar que o erro esta no IE6, gostaria de saber se tem como os outros brouser interpretar como o IE6.
Segue codigo...
html, body { height: 100%; margin: 0; padding: 0; } body { background: transparent url(img/bg_1.png) no-repeat bottom; } html { background: #B0E1F0 url(img/bg_2.png) no-repeat top; }
Segue imagem...
Bg1 céu e Bg2 montanha.
Sei que poderia criar uma div rodape e colocar o bg2 porém não teria um bom efeito de sobreposição como na imagem.
Vlw pessoal!