Creo que debes agregar algunos elementos extra para lograr centrar ambos elementos verticalmente,algo como esto para cada pareja imagen-lista:
Código HTML:
<div class="contenedor">
<div class="vertAlign">
<img src="url_imagen" />
</div>
<div class="vertAlign">
<ul>
<li>Prueba</li>
</ul>
</div>
</div> Lo único que debes hacer es crear la clase css .vertAlign con display:table-cell y vertical-align:middle. Eso será suficiente para que el contenedor adapte su altura al objeto más grande (la lista o la imagen) y el más pequeño se centre verticalente respecto al primero.
La clase .contenedor que coloqué sería la que definiría la relación de posicionamiento entre las parejas de imagen-lista. Supongo que lo que estás haciendo es una especie de catálogo y quizas te convenga hacerles un float:left para que se apilen hasta que quepan a lo ancho y colocarles algun border y margin para que se diferencien de los otros pares.
Espero te sea de ayuda,
Hector Borges