[HTML]Problem z listą ul Opcje

[wlamywacz]

Witam

Planuje zrobić menu jako listę poziomą ul, li i doszedłem do problemu że gdy nadam ul list-style-image:url(o.jpg); obrazek nie zostaje wyświetlony. Gdy usunę display obrazki są ale lista rozwalona. Zastosowanie float: left nie wchodzi w gre gdyż nie znam szerokości elementów listy. Oto kod:

[HTML] pobierz, plaintext 
#menu ul {
margin: 0px;
list-style-image:url(http://republika.onet.pl/demo/punktor.gif);
}
 
#menu li {
margin:0; 
padding:0; 
list-style-type:none; 
display:inline-block;
}
 
	<div id="menu">
		<ul>
		<li>Strona Główna</li>
		<li>Szkoły</li>
		<li>Znajomi</li>
		<li>Poczta</li>
		<li>Forum</li>
		</ul>
	</div>
[HTML] pobierz, plaintext 

[Spyder]

[HTML] pobierz, plaintext 
<style>
#menu ul {
margin: 0px;
 
}
 
#menu li {
margin:0;
padding:3px 10px 5px 20px;
list-style-type:none;
background:url(http://republika.onet.pl/demo/punktor.gif) no-repeat;
display:inline;
}
</style>
[HTML] pobierz, plaintext