Well, your positioning is wrong since 1) you are REQUIRED to specify BOTH directions of positioning, so "5px" is incorrect, you should be saying "5px 5px" if that's what you are trying to do -- which is why I prefer the NAMED positionings...
But from there I'm pretty sure your images are wider than 20px, I don't think you want the padding on the UL...
remember, the image is going INSIDE the LI, not outside it, so you have to pad the width of the image PLUS any extra you want.
... and I have no idea why the list-style is being ignored and it's still showing bullets, unless that's a specificity issue and it's inherting from some other element or declaration.
In fact looking at your CSS I'm surprised you aren't seeing more mis-renders like that, the specificity chain is all over the place... much of that stemming from a nasty case of "Not every ejaculation deserves a name" -- which is to say not every element should be having a class thrown on it, and if you style off a ID that will trump classes inside it.
... and some formatting on the HTML in question wouldn't hurt, at least during debugging. It would take me an hour to format that code into something useful before I could even TRY to make sense out of it.
Though the rubbish markup being shoved down your throat by turdpress likely isn't helping.