Question

I am trying to create a list for a website I am working on but I noticed after checking in firefox the list elements were not displaying consistently. I checked IE, opera and safari and they all displayed them correctly. I attached the image (below) of what it looks like on firefox vs. chrome. I am using a separate reset style sheet (Eric Meyer version) that resets basically everything including li elements.

Here is the css code:

ol{
list-style-type:decimal;
list-style-position:inside;
}

li{
padding:2px;
font-size:18px;
text-align:left;
}

Answer 1

I would try setting line-height:18px;