Кроссбраузерный футер
 

Доброго времени суток .При сильном увеличении окна браузера пропадает фон боди( показывает только ту часть которая влазит в экран без скрола), при этом с футером все ок. Делал Height 768px; min-height:100%, тогда в мозиле все ок, но в хроме футер становится внизу 768px(толи внизу контента), а не внизу экрана. Помогите найти кроссбраузерное решение

html{
background-color:#000000;
height:100%;
}
body{
background-color:#666666;
height:100%;
min-height:100%;
margin:0 auto;
width:1024px;
}
#container{
color:white;
width:1024px;
height:98%;
min-height:98%;
}

#footer {
background-color: black;
width:1024px;
clear:both;
color: white;
height: 2%;
	}

Проверил в ИЕ, такая же беда как в хроме

Из-за body{height:100%} body принимает высоту экрана. Уберите это свойство.

width:1024px - не влезет на целом ряде устройств. Ужимайте контент до 960 или хотяб 980. Или делайте резину.