/* CSS･スタイルシート質問スレッド【42】 */

メニュー画像をリストにする場合は、どちらのほうが良いのでしょうか？

<ul>
<li><a href=""><img src="menu1.gif" alt="aa"></a></li>
<li><a href=""><img src="menu2.gif" alt="bb"></a></li>
</ul>
************
#menu .span { display : none; }
#menu li {marign:0; padding:0; display:inline;}
#menu1 a {background: #fff url(menu1.gif) no-repeat width:105px;
height:18px;margin:0; padding:0; display:block;}

<div id="menu">
<ul>
<li id="menu1"><a href=""><span>MENU 1</span></a></li>
<li id="menu2"><a href=""><span>MENU 2</span></a></li>
</ul>

上の方が普通の方法で、画像が表示されなくてもaltが
表示されるから良いのでしょうか？
でも、スタイルシート外した時は下の方が違和感なくきれいに表示されるのですが
どちらが良いのでしょうか？