agnes311: list-style-image direkt aneinanderkleben IE klappt/ Firefox nich

Hallo*,

ich möchte list-style-images direkt (ohne Abstand) untereinander anzeigen lassen. Das klappt auch im IE wunderbar, doch firefox behält immer einen Abstand bei.

http://seite.ist-im-web.de/Test/Unterseite_von_Test

/* vertikales Menue */

#sidebar #menue {
 margin:0;
}

#sidebar ul {
 padding: 0px 0px 0px 30px;
 margin: 0;

}
/* oberste Menüebene*/
#sidebar ul li {
 list-style: none;
 margin: 0;
 padding: 0;
 font-size: 100%;
 /*line-height: 2 em;*/
}
#sidebar ul li a {
 text-decoration: none;
 font-weight: bold;
 color: #666666;
 font-size: 0.9em;
}
#sidebar ul li a:hover {color:#ff0000; }

#sidebar .menu1active {
 color: #ff0000;
}
/* zweite Menüebene*/
#sidebar ul li ul {
 padding: 0;
 margin: 0;
 background: #FFFFFF;
}
#sidebar ul li ul li a {
 text-decoration: none;
 font-weight: lighter;
 color: #666666;
 font-size: 0.9em;
}
#sidebar ul li ul li{
 list-style:inside url(/Templates/detektiv/images/marker-inaktiv.gif);
 margin: 0 0 0 5px;
 padding: 0 0 0 0px;
 line-height: 24px;
}
#sidebar  ul li ul li.menu1active{
 list-style:inside url(/Templates/detektiv/images/marker-aktiv.gif);
 margin: 0 0 0 5px;
 padding: 0 0 0 0px;
 line-height: 24px;
 }

hat jemand eine Idee???

  1. ich möchte list-style-images direkt (ohne Abstand) untereinander anzeigen lassen. Das klappt auch im IE wunderbar, doch firefox behält immer einen Abstand bei.

    #sidebar ul li ul li{
    list-style:inside url(/Templates/detektiv/images/marker-inaktiv.gif);
    margin: 0 0 0 5px;
    padding: 0 0 0 0px;
    line-height: 24px;
    }

    Wenn du line-height auf 0.7em verringerst, funktioniert's im Firefox.