Jak po najechaniu na div pokazac przezroczysty div z napisem ?

Pomocy.
Zrobiłem coś takiego:

<div id="over-members">
   <div id="members"><img src="link_do_obrazka.jpg" width="95" height="95" /></div>
   <div id="members-info">Podpis po najechaniu na div</div>
</div>

W css mam tak:

#over-members
{
   position: relative;
}

#members {
	float: left;
	padding: 0px;
	margin: 15px 15px 1px 1px;
	voice-family:inherit;
	width: 95px;
	height: 95px;
	border: 1px solid #ccc;
	text-align: center;
	opacity:1.0;
	filter:alpha(opacity=100); /* For IE8 and earlier */
}

#members:hover {
	float: left;
	padding: 0px;
	margin: 15px 15px 1px 1px;
	voice-family:inherit;
	width: 95px;
	height: 95px;
	border: 1px solid #ccc;
	text-align: center;
	opacity:0.4;
	filter:alpha(opacity=40); /* For IE8 and earlier */
}


#members-info {
	visibility: hidden;
	position: absolute; 
	left: 0; 
	top: 0;
}

Jak wyświetlam to mam obrazki landnie poodzielane ale nad pierwszym wszystkie DIV z TEXT są w jednym miejscu.
Jak zmieniam na position RELATIVE to obrazki są schodkowo. I nie wiem jak pokazać div VISIBLE po najechaniu Nie mam już pomysłu jak to zrobic :( a chce by normalnie wyświetlał się obrazek , a jak najade myszka to zeby wskoczyl div przezroczysty z napisem jakims

pierwszej czesci tekstu nie ogarniam, ale druga to: dodaj #over-members:hover przed #members-info