Deine Angaben sind merkwürdig.
Im CSS hast du article
, im HTML aber nicht.
das .li-Bild bildet einen 100%-Block und liegt selbst in der Mitte zentriert.
100% hat links und rechts keinen Rand, was soll "zentriert" bedeuten?
Nach deinen Angaben schließe ich, dass das Bild zu groß ist, um Platz für Text zu lassen. Begrenze es doch testweise auf 50% vom Elter-Element.