Несоответствие рендеринга CSS на ul с Firefox является странным шариком
Я создавал вторичное навигационное меню, используя встроенные неупорядоченные списки с якорями и заголовками. При использовании таблицы сброса CSS все заголовки и привязки устанавливаются на «display: block». Когда list-style-position: inside установлен, Firefox и Camino отображают заголовки и привязки под маркером, в то время как Safari, Camino и IE отображают его как встроенные.
Example Screen ShotsExample Code
<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 отображаться так же, как и другие, я установил неупорядоченные списки, заголовки и ссылки на & quot; display: inline & quot; но я все еще хочу знать ...
QuestionWhy does Firefox & Camino render the list item below the list bullet when Safari, Opera, & IE render it "normal"?