В IE абсолютно (position: absolute) или относительно (position: relative) позиционированные блоки имеют обыкновение игнорировать правило {overflow: hidden} содержащего их элемента и преспокойно выступать за пределы его границ.
Для решения этой проблемы достаточно задать относительное позиционирование (position: relative) самому контейнеру. Приведённый пример это иллюстрирует.
- CSS:
/* дочерний элемент */
#child {background: #ссс; position: relative; top: -25px; }
/* содержащий его контейнер */
#parent {overflow: hidden; position: relative; height: 50px; }
- HTML:
<div id="parent"><div id="child">example</div></div>
В своей статье Джеффри Зельдман поддерживает Microsoft в её недавнем предложении использовать новый мета-элемент X-UA-Compatible. Последний призван обеспечить обратную совместимость со страницами, созданными в расчёте на работу IE ниже 8-й версии в режиме соответствия стандартам.
IE7 уверенно идёт к тому, чтобы стать наиболее популярным браузером в мире.
Internet Explorer 7 Update (IEBlog)
Настолько уверенно, что более не требует для своей установки проверки Windows Genuine Advantage. А ещё меню теперь включено по умолчанию. Из комментариев в блоге IE:
Menu visible by default! - Wow, it only took a year to figure this one out!
Прогрессируют.
Свойство document.compatMode, в относительно современных браузерах содержащее текущий режим рендеринга (CSS1Compat или BackCompat), в IE 5.x просто отсутствует — ведь эти версии IE банально понятия не имеют о существовании стандартов и, соответственно, различных режимов рендеринга. Таким образом, мы можем однозначно идентифицировать («сниффить») IE ниже 6-й версии.
Как известно, таблицы в IE 5.x даже при указании полного DOCTYPE (просто потому, что IE 5.x понятия о нём не имеет) не наследуют размер шрифта от родительского блока.
Это может вызывать проблемы при использовании относительных размеров шрифтов в целом и различия размера шрифта внутри таблиц в IE 5.x (где размер шрифта таблицами не наследуется) и браузерах с поддержкой web-стандартов (где размер шрифта наследуется) в частности.
Тем не менее, недостаток этот легко устраняется при помощи следующего CSS-правила:
TABLE {font-size: 100%; }