ciao a tutti. sono nuovo.

ho un problema con i css che non riesco a risolvere, quindi vi chiedo aiuto. ho provato a fare una ricerca nel forum e in internet.. ci sono un sacco di topic simili ma non ho trovato nessuno che avesse lo stesso problema:

il problema è questo: in una ipotetica pagina di news, in ogni news c'è una foto (a destra o a sinistra) che è anche un link a se stessa, ovvero alla stessa foto ma di dimensioni originali. Il <div> contentente la foto ha float:left (o right). Quando però visualizzo la pagina con Firefox, Chrome o Safari, sparisce il "link", ovvero l'area cliccabile si riduce al solo bordo inferiore e superiore. Con IE8 invece il link funziona bene.

posto che al 90% il problema deriva da un'errata comprensione dell'utilizzo della proprietà float, qualcuno mi può illuminare?

il problema è qui illustrato
http://www.cittadeiragazzi.org/prova1/provaavv.html