list-style-image i IE

[hana]

Imam ovkava CSS:
.lista {
margin-top: 3px;
margin-bottom: 3px;
margin-left: 20px;
list-style-image:url('/images/bullet.gif');
}
.lista li {
padding: 2px;
}
U Mozilli se to vidi lepo mislim slicice (bullet.gif) su poravnate sa tekstom, ali u IE su slike u gornjem levom uglu, tj. malo iznad teksta. Probala sam sa list-style-position ali ona radi samo inside outside. Ima li neko ideju kako to da resim?

[xippi]

u ovom slucaju jedino mozes da utices na bullet.gif, editujes ga dodajuci mu prostor uz donju i desnu ivicu dok ne dobijes zadovoljavajuci (ne isti) rezultat u oba browsera. sto je slicica veca to je razlika u browserima sve primetnija.

[hana]

izgleda da je to jedino preostalo. Hvala

[Br@nkoR]

Uradi ovo drugačije, tako što ćeš sliku bullet.gif postaviti kao pozadinu za li element, i dodati levi padding na li element kako tekst ne bi došao preko slike, npr. ovako:

.lista li {
list-style-type: none;
background-image: url('/images/bullet.gif');
background-repeat: no-repeat;
background-position: center left;
padding-left: 15px;
}

[hana]

Br@anko, ovo tvoje resenje radi :D . Bilo je malo problema u IE posto sam unutra (mislim u listi) imala i neki div, ali je sredjeno uz pomoc background-image: none; Super :) :) :)