CSS Fehler bei Blogroll Liste in Firefox

Hallo allerseits,

ich habe vor meinen blogroll anzeigen zu lassen aber die Formatierung wird nur im IE aber nicht im Firefox dargestellt.

in der css ist folgender Code dafür

ul.blogroll{
 list-style-image:url(images/trackback.png);
 display: block;
 list-style-position:outside;
 margin-left: 0px;
 padding-left:0px;
}

und im Template:

<!-- BLOGROLL -->
 
 <h2>Blogroll</h2>
 
                                <ul class="blogroll">    
    <?php wp_get_links(1); ?>
    </ul>
 
   <!-- ENDE BLOGROLL -->

Link wo das anzusehen ist: http://4net.ws

Hat jemand eine Idee dazu?

mfg holger

Dankeschön!
Habe ich geändert aber trotzdem werden die Grafiken vor den Links des Blogroll im IE richtig dargestellt, im Firefox jedoch nicht.

der geänderte Code:

<!-- BLOGROLL -->
    <li>
        <h2>Blogroll</h2>
            <ul class="blogroll">                
                <?php wp_get_links(1); ?>
                    </ul>
                        </li>
    <!-- ENDE BLOGROLL -->

Ich habe mir auch bei selfhtml und seiten über google suche dazu die Beispiele angesehen und demnach sollte das eigentlich funktionieren, was es zumindest im Firefox nicht tut.

Aussehen soll das ganze ansich wie die Links in INTERAKTIV auf http://4net.ws/blog/1 und ich hatte erst einfach den Quelltext davon kopiert weil ich dachte das müsste ja dan in jedem Fall gehen, was es aber auch nicht tat. Nur warum?

Hat noch jemand eine Idee?

gelöst

Vielen Dank für den Tipp, es hat hervorragend geklappt.
Hier noch der nun eingesetzte Code für alle Interessierten:

div.sidebar ul.blogroll li {
 list-style-image: url(images/trackback.png);
 margin: 0.1em 0 0 1.35em;
 padding-left: 0.1em;
 line-height: normal;
}