span-uri CSS

Salut... Incerc sa realizez cu css formatul cum il vedeti in imaginea atasata
[ http://i40.tinypic.com/ohtf80.jpg - Pentru incarcare in pagina (embed) Click aici ]

cand dau cu mouseover peste orice element din acest block (in afara de "RandomGuy", "05-03-212", "John" care vor fi si ele linkuri) vreau sa-mi sublinieze "Say Hello!", iar cand is cu mouseover peste celelalte linkuri sa sublinieze la fel

blocul imi arata cam asa:

JSP:

 <h:outputLink styleClass="threadLink" id="myCommandLink2" value="members.jsp">
									 <img style="opacity:0.9" src="images/threadBar.png">
									 <span class="thread">
										<img class="symbol2" src="images/cube.png">
										  <span id="threadText1"><h:outputText value="#{item2.subject}"></h:outputText></span> 
										   </br>
										   <span id="threadText2" class="smallSize">created by &nbsp;</span>
										   <h:outputLink styleClass="linkUnderline" id="myCommandLink4" value="register.jsp">
													   <h:outputText styleClass="#{Operations.getAccountType(Operations.getTypeX(Operations.getUserById(item2.idUser)))}" value="#{Operations.getUserX(Operations.getUserById(item2.idUser))}"></h:outputText>
													</h:outputLink>
									  </span>
</h:outputLink>



CSS:
.threadLink:hover{
	opacity:0.9;
}
.threadLink:hover #threadText1{
	text-decoration: underline;
}
.threadLink:hover #threadText2{
	text-decoration: none;
}
.linkUnderline{
	text-decoration: none;
}
.linkUnderline:link{
	position:absolute;
	display:block;
	margin-top:30px;
	margin-left:128px;
	text-decoration: none;
}
.linkUnderline:hover{
	text-decoration: underline;
}
.thread{
	 display:block;
	 position:absolute;
	 width:400px;
}

cum am mai multe elemente peste imaginea threadBar, nu puteam folosi div deoarece nu este de tip inline(am incercat si sa-i dau cu display:inline dar n-au fost rezultate bune, adica mouseover-ul se activa doar peste elementele din div, nu tot div-ul)


am ajuns la un rezultat bun folosind span-uri, dar dupa multe modificari am reusit sa-l stric si nu mai reusesc sa le aranjez; prima parte cu "Say Hello!" si "created by RandomGuy" au fost pozitionate partial iar mouseover merge bine, in schimb nu stiu cum sa mai adaug si restul textului; ar trebui sa faca parte dintr-un alt span, si sa-l pun in dreapta primului span; am incercat folosind float:left la primul span si float:right la al 2-lea dar nu a mers.. ma chinui de ceva vreme sa fac acest lucru si-s cu nervii la pamant ^^
daca cunoasteti o solutie, va rog sa ma ajutati

PS: outputLink ii "a href" in html, iau outputText ii pt afisarea textului