immagine con effetto zoom + descrizione laterale

[Barbara72]

Ciao,
ho la necessità di creare questo:
un'immagine flottante a sx con effetto zoom al passaggio del mouse e una descrizione a destra della mia immagine.
Sotto idem, altra immagine con descrizione.
ecco il mio css:

#espositori {
	width: 890px;
	padding-left:20px;
	}
	
	/*effetto zoom */
.zoom img { 
	border:none;
	
	}
a.zoom span
	{ position: absolute;
    	visibility: hidden;
	}
a.zoom {
    position: relative;
    z-index: 0;
}
a.zoom:hover {
    z-index: 1;
}
a.zoom:hover span {
    visibility: visible;
    top: 20;
    left: 20px;
}
	/*fine*/

#espositori p { 
	font-size:12px;
	text-align:justify;
	padding-left:20px;
}
#espositori h2 {
	font-size:14px;
	color:#444;
	font-style:oblique;
}
div#espositori hr {display: block; clear: left; margin: 1em 0; visibility:hidden;
  }

Ho provato ad inserire nel codice eventuali float ma mi compromettono la riuscita dello zoom.
Vi ringrazio per l'aiuto che vorrete darmi.