<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN"
"http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=Shift_JIS" />
<title>縦並びのナビゲーション</title>
<style type="text/css">
ul{
list-style:none;
}
li{
display: block;
width: 6em;
background :#99d47f;
}
a{
text-decoration: none;
}
</style>
</head>
<body>
<ul>
<li><a href="#">リンク項目1</a></li>
<li><a href="#">リンク項目2</a></li>
<li><a href="#">リンク項目3</a></li>
</ul>
</body>
</html>
li は中に p や div などを入れられますから扱い的にはブロックな訳ですが……
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN"> <html> <head> <script type="text/javascript"> onload = function() { if (document.getElementById('listitem').currentStyle) { alert(document.getElementById('listitem').currentStyle.display) ; // IE } else { li = document.getElementById('listitem') ; alert(document.defaultView.getComputedStyle(li, '').getPropertyValue('display')) ; } } </script> </head> <body> <ul> <li id="listitem">hoge</li> </ul> </body> </html>
この HTML をJavaScriptが有効なブラウザで表示させると IE6 では 'block'、Firefox や Opera では 'list-item' と出ます (ユーザースタイルシートで変更していればこの限りではないかもしれませんが)。
つまり、IE6 では標準的に block なわけです。
しかし、Firefox や Opera では display に block を指定すると、list-item では無くなります。具体的に言うとリストの先頭に付く黒丸などのマークがなくなります。まあ list-style-type に none を指定するのと同じような感じですが。