Увидеть бы пример в сети, а то так не понятно о каких элементах идет речь
и что значит не работать в браузерах?
а так:
Код:
#container {
width: 1024px;
min-width:500px;
Как-то странно это выглядит сайт вроде не резиновый
да и использование min-width пока не одобряется в IE 8
Код:
body, html {margin:0px; padding:0px; text-align:center; }
#container {
width: 1024px;
min-width:500px;
margin:0 auto;
padding:0;
text-align:left;
background:repeat;
}
Я так понял что Container - это главный див, с шириной 1024 и по центру, а зачем в body указывать text-align:center; когда в главном же диве указано text-align:left;
так же background:repeat - явно лишний, без указания пути к фоновой картинке это бесполезное свойство
Код:
#content {
...
min-height: 100%;
}
min-height в данном случае не даст ничего
height: 100% тоже не поможет
Код:
#footer {
....
position: absolute;
}
Судя по всему вам хотелось прижать футер к нижнему краю, но уж лучше просто поставить его в конец контента и уьрать абсолютное позиционирование
так же лишними являются указания размера 1024 для ширины хедера и футера - эти блоки автоматически занимают 100% ширины родителя, ну, если это блочные элементы конечно