Salve a tutti! Sono al mio primo post su questo forum...
Sto usando un menu verticale basato su CSS e javascript che ho trovato su qeusto sito.
Sto cercando di modificarlo per venire in contro alle mie esigenze (per esempio l'ho fatto generare dinamicamente da un template smarty). Questo è un esempio del menu in questione.
Il problema è di visualizzazione del testo: se una voce dell'elenco del sottomenu è troppo lunga anzichè andare a capo esce dai confini laterali del box contenitore (il div "section") oppure fa ridimensionare tale box e si pone al di sotto della freccetta.

Il markup di un sottomenu si presenta così:
codice:
<div class="section">
                <div class="box2">[img]images/arrow2.gif[/img]Immagine 1</div>
                <div class="box2">[img]images/arrow2.gif[/img]Immagine 2</div>
                <div class="box2">[img]images/arrow2.gif[/img]Immagine 3</div>
            </div>
Una voce del sottomenu è un div (di classe "box2") composto dunque da due elementi inline: un <img> che contiene la freccetta e un <a> che contiene la voce del menu. Il mio desiderio sarebbe che il testo troppo lungo andasse a capo quando incontra la fine del box contenitore,ma che non si posizionasse sotto la freccia...

Ho anche provato far diventare di tipo block i due elementi con il seguente codice css

.click-menu .box2 img{
display: block;
float: left;
}

.click-menu .box2 a{
width: 50px;
display: block;
}

...ma senza risultati (come si può notare dal primo sottomenu dell'esempio).

Qualcuno ha suggerimenti da darmi?