Наложение div-блоков

Исходный код этого примера:

<style type="text/css">
.s	{position:relative;width:350px;overflow:hidden;}
.s > div {float:left;overflow:hidden;width:200px;height:80px;background:#ffe;}
.s h2	{padding:3px 0 3px 20px;overflow:hidden;width:200px;margin:-1px;}
.sa	{border:red 1px solid;}
.sb	{border:green 1px solid;margin:-12px 0 0 50px;}
.sc	{border:blue 1px solid;color:blue;margin:-12px 0 0 100px;}
.sd	{padding-left: 10px;}
.sa h2	{border:red 1px solid;background:#fde;}
.sb h2	{border:green 1px solid;background:#dfe;}
.sc h2	{border:blue 1px solid;background:#def;}
.sa,.sa h2 {color:red;}
.sb,.sb h2 {color:green;}
.sc,.sc h2 {color:blue;}
</style>

<div class="s">
   <div class="sa">
      <h2 >Заголовок 1</h2>
      <div class="sd">Текст 1</div>
   </div>

   <div class="sb">
      <h2>Заголовок 2</h2>
      <div class="sd">Текст 2</div>
   </div>

   <div class="sc">
      <h2>Заголовок 3</h2>
      <div class="sd">Текст 3</div>
   </div>
</div>