Hover Title/Description Tab

#elsa {
position:fixed;
left:270px;
top:520px;
z-index:999;
}

#elsa:hover #anna {
opacity:1;
-webkit-transition: all .7s ease-in-out;
-moz-transition: all .7s ease-in-out;
-o-transition: all .7s ease-in-out;
}

#anna {
background:#bca6a2;
font-size:10px;
color:#eee;
font-family:'Radley', serif;
text-align:center;
width:125px;
top:250px;
left:100px;
padding:0px 5px 0px 5px;
position:fixed;
opacity:0;
-webkit-transition: all .7s ease-in-out;
-moz-transition: all .7s ease-in-out;
-o-transition: all .7s ease-in-out;
}

#snowman {
font-family: 'Ever After';
font-style:uppercase;
color:#eee;
text-shadow: 0px 0px 3px #eee;
font-size:30px;
width: 150px;
height: auto;
top:0px;
left:0px;
}

#snowman: hover {
font-family: 'Ever After';
font-style:uppercase;
color:#eee;
text-shadow: 0px 0px 3px #eee;
font-size:30px;
width: 150px;
}

<div id="elsa">
<div id="snowman">Title Here</div>
<div id="anna">
<center>
<p>Description Here.</p>
</center>
</div>
</div>