Подскажите, есть несколько div с произвольной информацией, с заданной высотой (часть информации скрыта). Надо при наведении на него увеличить его высоту, что бы вся информация вывелась на странице и надо сделать его поверх остальной информации.
Вот div'ы:
<style>
.infa {background:red none repeat scroll 0 0;border:1px solid black;}
</style>
<div style="width:100%">
<div style="float:left;width:25%;">
<div style="height:10px;overflow:hidden;" class="infa"><br><br><br><br>1</div></div>
<div style="float:left;width:25%;">
<div style="height:10px;overflow:hidden;" class="infa"><br><br><br><br>2</div></div>
<div style="float:left;width:25%;">
<div style="height:10px;overflow:hidden;" class="infa"><br><br><br><br>3</div></div>
<div style="float:left;width:25%;">
<div style="height:10px;overflow:hidden;" class="infa"><br><br><br><br>4</div></div>
</div>
<div style="width:100%">
<div style="float:left;width:25%;">
<div style="height:10px;overflow:hidden;" class="infa"><br><br><br><br>5</div></div>
<div style="float:left;width:25%;">
<div style="height:10px;overflow:hidden;" class="infa"><br><br><br><br>6</div></div>
<div style="float:left;width:25%;">
<div style="height:10px;overflow:hidden;" class="infa"><br><br><br><br>7</div></div>
<div style="float:left;width:25%;">
<div style="height:10px;overflow:hidden;" class="infa"><br><br><br><br>8</div></div>
</div>
Надо при наводе на class="infa" увеличить до реального размера, и вывести его поверх остальных окон, position="absolute"