Фон
Я создавал вторичное меню навигации, используя встроенные неупорядоченные списки с якорями и заголовками. Используя лист CSS reset, все заголовки и привязки имеют значение "display: block". Когда задан стиль списка-списка: внутри Firefox и Camino отображают заголовки и привязки ниже пули, в то время как Safari, Camino и IE делают его встроенным.
Примеры снимков экрана
Пример кода
<html>
<head>
<style type="text/css">
/* css reset */
h1, h2, h3, h4, h5, h6, a { display: block; }
/* list styling */
ul { list-style-position: inside; }
</style>
</head>
<body>
<ul>
<li>
<h3>Primary</h3>
<ul>
<li>
<h4>Secondary</h4>
<ul>
<li>
<h5>Tertiary</h5>
<ul>
<li><a href="#">Tertiary Link</a></li>
</ul>
</li>
</ul>
</li>
</ul>
</li>
<ul>
</body>
</html>
Чтобы Firefox и Camino отображали то же самое, что и другие, я задавал неупорядоченные списки, заголовки и ссылки для "display: inline", но я все еще хочу знать...
Вопрос
Почему Firefox и Camino отображают элемент списка под списком, когда Safari, Opera и IE отображают его как "нормальный"?