compattare ul e img

[zoom]

ho la necessità di creare delle liste una sotto l'altra con un'immagine che le separa

per intenderci
<ul>[*]...[/list]
<img ...>
<ul>[*]...[/list]


a me serve che non esista nessuna spaziatura tra le due liste e l'immagine, però pur settando i margini a 0 mi rimane dello spazio :master:

	ul.eventi{
		text-align: left;
		margin: 0.5em;
		padding: 0.5em;
		margin-bottom: 0;
		margin-top: 0;
		list-style-image: url(../img/puntino.gif);
	}

nell'immagine trovate l'esempio. a sinistra cosa ottengo e a destra cosa vorrei.
perchè rimane così spaziato? :master: