MHJP on "Bullets using li:before and "content""

I was having cross-browser issues, IE10 and above, with bullet points, so I'm trying to use li: before and "content". But having zero success. Instead of a disc bullet point, "2022" is the bullet point. My css is:

#how li:before {
    content: "2022";
    margin-right: 10px;
}
#how li {
    float: left;
    list-style: none outside none;
    padding: 0;
}

Page URL is: http://thebouncegroup.com/#how

Appreciate the help and advice! mike