Hover efektas

Sveiki,

Bloke yra tekstas noriu kad užvedus pelytę suveiktu hover efektas ir pasikeistu bloko struktūra. Trys žodžiai kiekvienas iš jų turi nuorodą

Ar galima padaryti taip? klauskite jei neaišku ko noriu. Ačiū!

http://s2.postimg.org/welo6oey1/example.png

Aš daryčiau kažką tokio:

<div id="container">
   <div id="lower">
       <!-- some stuff -->
   </div>
   <div id="upper">
       <!-- some stuff -->
   </div>
</div>

CSS:

#container
{
 position: relative;
}
#upper 
{
 position: absolute; 
}
#lower
{
 position: absolute;
}
#container:hover>#upper 
{
 display: none;
}

Nežinau, ar veiks tikrai taip, bet bent jau idėja turėtų būti aiški. Veikimas: nustatant tokį pozicionavimą „#upper“ ir „#lower“ bus vienas virš kito. Tada, kai užves pelę ant „#container“, tiesiog paslėpiame „#upper“.