Eigene Listenpunkte und zusätzlich Hintergrundbild

[Daniel Torst]

HAllo Community,

ich hab ein problem und mein Verständnis reicht nich aus um das ganze zu lösen :( ich hoffe auf eure Hilfe

Und zwar hab ich ein Menü, das aus einer Liste besteht, das mit eigenen Listenpunkt-Grafiken (rechts )versehen werden soll zusätzlich will ich aber noch eine Trennstrichgrafik zwischen den Menüpunkten verwenden bin mir aber nich klar wie ich das machen kann

Menü:

<div id="menu">  
<ul class="level_1">  
<li>Home</li>  
<li><a href="link1.html">Link 1</a></li>  
<li><a href="link2.html">Link 2</a></li>  
<li><a href="link3.html">Link 3</a></li>  
</ul>  
</div>

wenn ich mit der eigenen Listenpunkt-Grafik das so mache, wie ich es bisher immer getan habe geht das ganze nicht, da ich bereits ein Hintergrundbild einsetze:

Früher:

#menu ul li  
{  
	display:block;  
	margin:0;  
	padding:0 20px 0 22px;  
	line-height:22px;  
	background:url("listImg.gif") left center no-repeat;  
	list-style: none;  
}

der obere code geht nur, wenn ich zusätzlich keinen Trennstrich nutzen will

irgendwie müßte ich wohl nun das ganze NEU  umstellen oder ?

NEU:

  
#menu ul{  
	display:block;  
	padding:0 20px 0 22px;  
	background:url("listImg.gif") right center no-repeat;  
	list-style: none;  
}  
#menu ul li  
{  
	background:url("trennstrich.gif") left bottom no-repeat;  
}  
  

aber leider klappt es dann nich mit der position der eigenen Listenpunktgrafik :(

ich hoffe jemand kann imr helfen, das problem zu lösen!

viele grüße
Daniel