p {display:block; margin: 1em 0 1em 0;}
li {margin-bottom: .3em;}
div.imgleft{float:left; border: none; padding: .3em; margin: .5em 1em 0 0;}So hat der Text im <p> den Abstand von 1 em zum Bild, die Liste aber mit dem ersten Buchstaben, nicht dem Punkt.
Also wenn du den Abstand der Liste an sich verändern willst und nicht den der Listenelemente musst du das ul verändern
ul {margin-top: 1em;}
Oder lieg ich da falsch i´m Verständnis?