Weet iemand misschien wat ik hier fout doe ? Alle punten krijgen namelijk de zelfde image1.png!

Code:

<div class="content">
<div class="intro-right"> 
<ul id="intrsp"> 
<li id="1">Veilig betalen</li> 
<li id="2">custom made mogelijk</li> 
<li id="3">Installatie service</li> 
<li id="4">Bezorg service</li> 
<li id="5">10 jaar ervaring</li> 
<li id="6">De laatste trends</li> 
</ul></div></div>

Code:

.intro-right li{ 

    list-style-position: inside;
    list-style-image: url(image1.png);
    line-height: 18px;
    padding-left: 5px;
    margin: 10px auto 10px auto;
    vertical-align: middle;
    overflow:hidden;
}

#intrsp li#1 {

        list-style-image: url(image2.png); }

#intrsp li#2 {

        list-style-image: url(image3.png); }

In HTML is het id van de ul: intrspMaar in de CSS: introsp

Heel scherp..... maar het werkt nog steeds niet :o(