http://learn.javascript.ru/play/0S81Db
<!DOCTYPE HTML>
<html>
<head>
<style type="text/css">
.main {
height: 200px;
}
.main > div {
display: inline-block;
height: 100%;
overflow: hidden;
width: 200px;
}
.main > div > div {
background: #FFF;
height: 380px;
padding: 10px;
width: 180px;
}
.main > div > div:hover {
border: 1px solid #777;
border-radius: 12px;
box-shadow: 0 0 5px #777;
position: absolute;
z-index: 1;
}
</style>
</head>
<body>
<div class="main">
<div>
<div>Блок 1</div>
</div>
<div>
<div>Блок 2</div>
</div>
<div>
<div>Блок 3</div>
</div>
</div>
<div class="main">
<div>
<div>Блок 4</div>
</div>
<div>
<div>Блок 5</div>
</div>
<div>
<div>Блок 6</div>
</div>
</div>
</body>
</html>
