"height: 100%" и FF, IE7-8, Opera. Вопрос по кроссбраузерности - Вопросы по CSS

Привествую всех!

такая ситуация = с нуля верстается шаблон. Для прижатия нижней части (footer'а) к низу и автоматического растяжения сайта минимум на всю базовую высоту окна браузера используются конструкции:

#main   {     //*оберточный блок для всего содержимого
min-height: 100%;
height: auto !important;
height: 100%;
}

плюс все необходимые margin'ы padding'и и т.д. Короче, все работает отлично в OPERA 10.0. В FF3.5 футер липнет к низу только если удалить

height: auto !important;

НО. в этом случае при масштабировании окошка в Opera едут блоки включенные в footer.

Еще вариант. Оставляем первую конструкцию, и гасим доктайп, т.е. полностью его удаляем. Вуаля - все отлично в Opera и FF. Но. IE7-8 кажет полную ахинею, если быть точнее то непонимает z-index'ы для футера, и он (футер) перекрывает контент. вариант выставить все z-индексы для всех имеющихся родителей пробовал, не спасает. Плюс ко всему в IE перестает действовать margin: 0 auto, что тоже очень не в тему.

Внимание вопрос: как блин быть, чтобы все это начало работать вместе?

Предположения: как вариант что есть какой то универсальный Doctype для всех и вся, при котором господа браузеры работают так как нам бы и хотелось...только я о таком видимо не слышал.

Всем большое спасибо за будущие публикации в теме

с уважением,
Иван

Избитая тема товарищ! Пользуемся googlo'м и находим ответы.

Ну так для IE пропишете отдельный стиль и все

margin: 0 auto; этим как я понимаю вы центруете блоки? ширину не забыли указать?

margin: 0 auto; этим как я понимаю вы центруете блоки? ширину не забыли указать?

все проблемы вышеописанные снимаются, решение найдено наконец-таки. Было несколько блоков, для каждого выставил правильные параметры, все стало работать.

Теперь вот другая проблема появилась. IE7 и z-index.

в футере есть два дива - в одном стоит фоном изображение, во втором текст копирайта.
Сам футер спозиционирован относительно, вложенные дивы - абсолютно.   ПРоблема: в IE 7 изображение из footer'а перекрывает текст содержимого страницы, и никак не могу подобрать нужное решение.

Плюс - в шапке, спозиционированной тоже абсолютно, есть несколько вложенных блочных ссылок. проблема та же, только тут уже контент перекрывает ссылки из шапки. когда то случайно находил описания при которых IE воспринимает z-index, но никак не смог найти их сейчас.

Может кто в курсе и не жалко, буду рад если поделитесь знаниями:) можно в icq : 444467070

с уважением,
Иван

ps

Избитая тема товарищ! Пользуемся googlo'м и находим ответы.

Уважаемый, я два дня уже решаю две небольшие на первый взгляд задачи, и честное слово - и google'ом, и yandex'ом, и поиском по форуму этому и поиском по еще примерно десятку форумов уже попользовался. Решения не нашел подходящего, поэтому и обращаюсь к знающей аудитории, может просто не там ищу.