С точки зрения кросс-браузерной совместимости серебряной пули не существует. Это огромная область и сильно зависит от конкретных HTML и CSS, которые вы разработали для своего приложения. Достижение этой «идеальной пиксельной» совместимости может легко поглотить часы и часы при настройке и часто не стоит затраченных усилий. Как упоминал Пиюш, возможно, было бы более продуктивным убедиться, что ваш сайт выглядит хорошо (не с нарушенной версткой) в браузерах, которые вы хотите поддерживать, а не пытаться заставить его выглядеть везде одинаково.
Лучший совет, который я могу вам дать, это придерживаться стандартов HTML (какие теги могут быть вложены в какие и т. Д.), Использовать CSS для стилизации, не использовать таблицы слишком часто, если вам абсолютно не нужно, и не создавайте макеты, которые сломается, если один элемент отключен на пиксель (как при перемещении встроенного элемента div на новую строку только потому, что он отображает ширину 101 пиксель вместо 100).
РЕДАКТИРОВАТЬ: это очень полезная небольшая библиотека javascript, которую я использовал несколько раз, http://rafael.adm.br/css_browser_selector/. Что она делает, это добавляет классы к вашему элементу <html> на основе браузера. Таким образом, вы можете создать специальный CSS для целевого (или семейства) браузеров для тех исключительных случаев, когда вам нужно выбрать стиль для одного браузера.