Pomóżcie - menu

[wilku45]

Witam!
Już myślałem, że coś potrafię, ale dostaję szału. Problem jest taki. Chcę stworzyć pionowe menu (może być z nagłówkiem). Przyciski mam graficzne, jednak podczas "stylowania" raz w IE raz w Mozilli występują odstępy między przyciskami.

<div id="menu">

<span class="button"><img alt="KLUB" src="klub---menu.gif"/></span>
<ul>
<li><img alt="Informacje" src="informacje.gif"/></li>
<li><img alt="Informacje" src="informacje.gif"/></li>
<li><img alt="Informacje" src="informacje.gif"/></li>

</ul>

<span class="button"><img alt="KLUB" src="klub---menu.gif"/></span>
<ul>
<li><img alt="Informacje" src="informacje.gif"/></li>
<li><img alt="Historia" src="historia.gif"/></li>

</ul>
</div>


CSS:
.button{
margin: auto;
}
ul{
list-style-type: none;
margin: auto;
padding: 0px;
display: block;
width: 150px;
}
ul li{
display: block;
margin: auto;
padding: auto;
}
img{
display: block;
}

Przy tej opcji w Mozilli jest ok, w IE miedzy przyciskami występują odstępy.

[Marek_bf]

Napisz mi PW jak powinien wyglądać sensowny temat to odblokuję wątek.