ну вот небольшой примерчик:
<html>
<head>
<style type="text/css">
.content
{
position: relative;
width: 400px;
border: 1px solid black;
overflow: hidden;
padding: 10px;
}
.block
{
width: 100%;
margin-top: 10px;
height: 60px;
border: 1px solid red;
#float: left;
position: relative;
}
.f
{
position: aboslute;
width: 200px;
top: 0px;
left: 0px;
}
.i
{
position: aboslute;
width: 200px;
top: 25px;
left: 0px;
}
.o
{
position: aboslute;
width: 200px;
top: 40px;
left: 0px;
}
</style>
</head>
<body>
<div class="content">
<div class="block">
<div class="f">иванов</div>
<div class="i">иван</div>
<div class="o">ольгович</div>
</div>
<div class="block">
<div class="f">иванов</div>
<div class="i">иван</div>
<div class="o">ольгович</div>
</div>
<div class="block">
<div class="f">иванов</div>
<div class="i">иван</div>
<div class="o">ольгович</div>
</div>
</div>
</body>
</html>
должно выглядеть так:
