Несколько советов:
Чтение http://quirksmode.org/ - множество полезной информации там.
Не беспокойтесь о том, что вещи выглядят одинаково, IE 6,7 и 8 устарели, и есть очень реальные ошибки в том, как они отображают страницы.Ваш код может быть правильным и все еще выглядеть неправильно в IE.
Вместо того, чтобы писать <body>, напишите:
<!--[if lt IE 7 ]> <body class="ie6"> <![endif]-->
<!--[if IE 7 ]> <body class="ie7"> <![endif]-->
<!--[if IE 8 ]> <body class="ie8"> <![endif]-->
<!--[if IE 9 ]> <body class="ie9"> <![endif]-->
<!--[if gt IE 9]> <body> <![endif]-->
<!--[if !IE]><!--> <body> <!--<![endif]-->
Затем в вашем CSS вы можете написать что-то вроде:
.someclass {
loads of normal CSS
}
.ie6 .someclass {
position:relative;
top:-20px;
}
Если вы хотите увеличить что-то на 20 пикселей, но только в IE6.Это поможет вам ориентироваться на старые браузеры с минимальными хлопотами и не беспокоиться о том, что вы портите вещи в других местах!
Используйте сценарии, такие как ie9.js , чтобы обновить старый IE для использованиямножество функций из более поздних IE, а также исправление некоторых ошибок глупости. CSSPie - еще один полезный инструмент для работы с радиусами границ, теней и градиентов для работы в этих древних браузерах!
Различия в цвете, вероятно, связаны с тем, что ваши изображения содержат цветовой профильиспользуйте что-то вроде imageoptim (OSX), чтобы удалить лишнюю информацию, такую как эта, перед тем как вывести ее в Интернет, или сохраните ее для веб-приложений из Photoshop.
Надеюсь, что это полезно!