CSS, mandare a capo

[Marty85]

ciao, genero il codice che segue con un modulo menu.
ha tre voci (numero fisso) che compaiono in home come dei grossi banner (immagine associata alla voce di menu).
vorrei le voci di menu affiancate, ma la singola voce dovrebbe avere l'immagine sopra e il testo sotto.

il codice generato è questo:

Codice: [Seleziona]

<ul class="nav menu_home2">
  <li class="item-103 divider"><span class="separator"> <img alt="Eventi" src="/images/banner_home/menu01.jpg"> <span class="image-title">MENU 1</span> </span> </li>
  <li class="item-104 divider"><span class="separator"> <img alt="Eventi" src="/images/banner_home/menu02.jpg"> <span class="image-title">MENU 2</span> </span> </li>
  <li class="item-105 divider"><span class="separator"> <img alt="Eventi" src="/images/banner_home/menu03.jpg"> <span class="image-title">MENU 3</span> </span> </li>
</ul>
io do display:inline; a li, ma a questo punto è tutto in linea (immagine, testo, immagine, testo, ecc.), come faccio a "mandare a capo" il testo, ma mantenere i blocchi di immagine+testo in linea? ho provato a dare display:block; alla classe .image-title ma mi va a capo tutto.

[adottauncane]

Ciao Marty85,
un link al sito?

[Marty85]

eh, al solito non posso pubblicarlo.
al momento, la soluzione che mi pare più sensata è creare un override del modulo...