display: list-item;list-style-type: decimal;elemete p si Firefox

div.itemFullText p {
display: list-item;
list-style-type: decimal;
padding: 30px;
margin: 15px 0px 0px 20px;
}

Va numara corect elementele p in Safari , in Firefox le trece pe toate cu 0. Stie cineva de ce in Safari e ok si in Firefox nu?
Am rezolvat pbl cu counter, before si content , e acum compatibil cu banuiesc cu mai  toate browserele, dar sunt curios de ce Safari a numarat corect si in Firefox nu(am cautat, nu am gasit rezolvare).Daca decimal este atribuit unui element ol este ok si in Firefox.

pt cine doreste, pot da si link demo unde se poate verifica.

https://demo.getk2.o...pien-non-tellus inspect element pe text continut articol.


Cam asa rezolvai eu...

div.itemFullText p {
/*display: list-item;
list-style-type: decimal;*/
margin: 15px 0px 0px 20px;
text-align: justify;
counter-increment: numar;
}


div.itemFullText p::first-letter {
text-transform: capitalize;
margin-right: 35px;
color: black;
}



div.itemFullText p::before {
content: counter(numar);
margin: 0px 5px 0px -20px;
background: url("/images/forward.png") no-repeat !important;
background-position: 70% 50% !important;
}

Editat de ionutz_joe2009, 01 decembrie 2016 - 17:13.