Problema con il position dell'immagine

Nel mentre che creavo una pagina per il mio sito, ho inserito un'immagine che mi da un problema fastidioso:
L'immagine in questione, inserita dentro un blocco (li) mi si sovrappone agli altri blocchi sottostanti.

Secondo me il problema sta nel position dell'immagine ma non saprei dove cambiare..

Il sito in questione è questo

Ringrazio in anticipo per l'aiuto..

ma dove vorresti che si posizionasse? position:absolute; left:200px; top:100px con questi attributi css posizioni un elemento prendento le misure all'interno del documento setesso senza l'obbiligo gerarchico che ne deriva dagli elementi... spero di esserti stato utile ciao

preaticamente voglio che l'immagine occupi lo stesso spazio che dovrebbe occupare un testo e con ciò mi si dovrebbe allungare pure il blocco rettangolare formato con il "li" solo che mi si sovrappone agli altri blocchi.. Non so se mi hai ancora capito S:

Non so se ho capito, ma hai già provato con overflow:auto?

Non so se ho capito, ma hai già provato con overflow:auto?

Non succede nulla.. mi rimane sempre sopra gli altri blocchi

c'è un altro modo per caso di ottenere un allineamento a destra?

preaticamente voglio che l'immagine occupi lo stesso spazio che dovrebbe occupare un testo e con ciò mi si dovrebbe allungare pure il blocco rettangolare formato con il "li" solo che mi si sovrappone agli altri blocchi.. Non so se mi hai ancora capito S:

ma che unita di misura hai usato per i blocchi se usi px , pt cm ecc... può succedere che si sovrapponghino un'altro suggerimento che posso darti e di usare il % che dimensiona i blocchi percentualmente rispetto il documento... tipo il blocco testo altezza 50% larghezza 50% uguale per il blocco dell'mmagine...

[acsocmel]

li {
    overflow: hidden;
}

ps comincia a studiare che quel codice sorgente fa male agli occhi

Finalmente ho risolto.. avevo sbagliato a posizionare overflow:auto ...

Problema risolto