Применительно к верстке всегда принято ругать IE6, который давным-давно устарел, содержит кучу багов, а 50% времени, затрачиваемого на верстку шаблона, уходит на его подгонку под IE6. И тем смешнее видеть, например, вот такие баги в одном из «идолов» веб-разработки — FireFox. В общем и целом FF некорректно позиционирует элементы с position:absolute внутри блока fieldset, у которого стоит position:relative. Баг существует с 2008 года во всех версиях, включая новейший FF4 и особых подвижек в исправлении что-то не видать. Все остальные браузеры, включая приснопамятный IE6 (!!!), бага лишены и рендерят все правильно легко и непринужденно.

Но больше всего доставляют в этой ситуации рекомендации по решению проблемы: «Просто добавьте внутрь fieldset еще один div в качестве враппера для всех элементов и присваивайте position:relative именно ему». По-моему, это прекрасно! Все баги все того же IE6 исправляются примерно также — типа, «добавьте тут враппер» или «вставьте тут zoom:1″ — и за что мы только обижаемся на этот браузер? Ведь всего лишь какие-то мелочи просят сделать… А мы тут, понимаешь, разнылись…

Однако, реальная практика показывает совсем другие цифры. Смотрю на примере двух своих сайтов — оба не имеют яркой ориентации на столичных пользователей, имеют много посетителей из регионов, только один собирает трафик с уклоном на гос.учреждения и органы власти, а другой — с уклоном на бизнес/корпоратив. И что же мы имеем по обоим? А имеем мы примерно одинаковую структуру:

И вид сей навевает (по сравнению с бодрыми отчетами, демонстрирующими «среднюю температуру по больнице») печаль и уныние. Ибо домашние пользователи — это конечно прекрасно, но если сайт ориентирован на корпоративную аудиторию и/или людей в гос.учреждениях/органах власти, то IE6 еще долго нужно будет брать в расчет, т.к. он вместе с Windows XP живее всех живых и спокойно поплевывает с высоты на всяких там конкурентов, включая свои же новые версии…

Одно утешение — эти самые новые версии все-таки суммарно его опережают. И девятую Оперу вместе со вторым Файрфоксом в расчет можно не принимать, что тоже неплохо.

Однако де, W3C решил несколько иначе и с HTML 4, а также во всех XHTML это свойство осуждается и валидный код можно получить только установив DOCTYPE в Transitional. Казалось бы — ну по любому, умные дяди решили так не зря и нам предлагают что-то более удобное, простое или хотя бы — более функциональное. Однако же, нам предлагают концепцию «CSS Counters«, которая, если в тезисах, состоит в следующем:

• Для хранения нумераций используются специальные переменные — их нужно обнулять перед использованием, одновременно декларируя, например:
  

  ol {
counter-reset: section; /* Set the section counter to 0 */
list-style-type: none;
}


• Значения этих переменных локальны для каждого списка (!!!).
• Изменять значения этих переменных можно опять же либо через CSS-команду counter-reset, указывая конкретное значение, либо через counter-increment, чтобы увеличить его (например, на каждом пункте списка):
  

  li {
counter-increment: section; /* Increments only this instance of the section counter */
}

• Вставка непосредственно номеров элементов осуществляется через генерацию контента процедурами counters() и counter() в свойстве content в псевдоклассах :before и :after, например:
  

  li:before {
content: counters(section, ".") " "; /* Adds the value of all instances of the section counter separated by a ".". */
}