Кроссбраузерная верстка

Чтобы добиться адекватного отображения дизайна сайта во всех используемых браузерах, я придерживаюсь следующей методики:

1. Объявляю правильный doctype (предпочтительнее использовать Strict).
2. Адаптирую шаблон под новые браузеры.
3. Только после выполнения второго пункта, приступаю к адаптации под старые браузеры.

Адаптация под ИЕ происходит с использованием условных комментариев, с помощью которых подключаются стили, написанные специально для конкретной версии браузера. В них пишутся только те правила CSS, которые отличаются от общих.

ИЕ очень не любит, когда для позиционирования плавающего (float) объекта задают left и margin-left одновременно. Особенно ИЕ не дружит со свойством left. Например,  с ИЕ 7 и старше, будут проблемы, если контейнер для копирайта и контейнер для информации о разработчиках сайта пытаться позиционировать свойствами margin-left и left одновременно.

.copyright-container {
position: relative;
float: left;
width: 30%;
margin-left: 298px;
}

.made-container {
position: relative;
float: left;
width: 25%;
left: 650px;
}

Больше на эту тему:

• Семантическая верстка — советы и решения. Хаки для IE. Часть вторая
• Семантическая верстка — советы и решения. Часть первая. Капля теории, DTD и ластики
• CSS: Вертикальное выравнивание текста
• Техника CSS: имитация абсолютного позиционирования
• Создание простых слайд-шоу с использованием MooTools