Кроссбраузерный min-height

В CSS есть полезное свойство min-height. Поддерживается почти всеми браузерами, даже IE7. А вот в IE6 проблемы (свойство не поддрерживается).
Благо, существует простой CSS-хак, реашающий эту проблему:

CSS: min-height С !important

selector {
  /** Для браузеров, которые знают min-height */
  min-height:500px;
  /** IE6 не понимает important, 
      поэтом проигнорирует это свойство */
  height:auto !important;
  /** Только для IE. Другие браузеры проигнорируют 
      это свойство из за height: auto !important */
  height:500px;
}

Приведенный выше код протестирован на: IE6, Mozilla/Firefox/Gecko, Opera 7.x+, Safari1.2, Google Chrome
Тестовый html: min-height.html

Сброс CSS

Браузеры применяют к тегам свои собственные стили:
например, теги <h1> больше тегов <h2>, они оба выделены полужирным, в то время как текст абзацев меньше и не выделен полужирным шрифтом; ссылки подчеркнутые и имеют синий цвет, а у маркированных списков есть отступ. В стандарте HTML нет ничего, что бы определяло все это форматирование: браузеры просто добавляют его для того, чтобы обычный HTML был более читабельным. Разные браузеры обрабатывают теги очень похоже, но все же неодинаково. Так, например, Safari и Firefox для создания отступа в маркированных списках используют свойство padding, а Internet Explorer применяет свойство margin. Кроме того, вы сможете найти небольшие различия в размерах тегов в разных браузерах и обнаружить вовсе вводящее в заблуждение использование отступов самыми распространенными на сегодняшний день браузерами. Из-за этих несоответствий вы столкнетесь с проблемами когда, например, Firefox добавит отступ от верхнего края, а Internet Explorer этого не сделает.

Читать далее