Tutorial : Hover Box (ii)  

<style type="text/css">
.box {
width: 265px;
padding: 10px;
background:url(url);}
.box2 {
padding:3px;
display:block;
height:17px;
width:255px;
background:#fff;
-webkit-transition-duration:.8s;
-moz-transition-duration:.8s;
overflow:hidden;}
.box2:hover {height: 150px;}

h01{

font-family:consolas;

padding-top:1px;

font-size:12px;

color:#000;

text-align:center;

text-transform :uppercase;

background: pink;

letter-spacing:5px;

height:16px;

padding-left:6px;

display:block;

-moz-transition: 0.5s;

-webkit-transition: 0.5s;}

</style>

<div class="box"><div class="box2"><h01>title</h01>
<div style="font-family:arial;font-size:8px;height:130px; overflow:auto;margin-top:3px;">
you can put anything at here ngeee ~ whatever and ever.
</div></div></div>