<ol> tag messing up

I have this list on my page
(see problem at https://pernillekronborg.dk/?page_id=18)

When getting to 2 digit li numbers, the text starts on top of the list number!

Any one who can tell me where in the stylesheet i have to fix this?

I would beleave it to be here somewhere:

/* Start Content list */
ol, ul
{
color: #141414;
margin:1em 0 1em 2em;
padding:0;
font-family: “Lucida Grande”, “Lucida Sans Unicode”, Arial, Helvetica, Sans-Serif;
font-size: 13px;
text-align: left;
}

li ol, li ul
{
margin:0.5em 0 0.5em 2em;
padding:0;
}

li
{
margin:0.2em 0;
padding:0;
}

ul
{
list-style-type: none;
}

ol
{
list-style-position:inside;

}

.art-Post li
{
padding:0px 0 0px 9px;
line-height:1.2em;
}

.art-Post ol li, .art-Post ul ol li
{
background: none;
padding-left:0;
}

.art-Post ul li, .art-Post ol ul li
{
background-image: url(‘images/PostBullets.png’);
background-repeat:no-repeat;
padding-left:9px;
}

Hope someone can help!