<style type="text/css"> 
.s {position:relative;width:350px;height:240px;top:20px;left:90px;overflow:hidden;} 
.s small {float:left;overflow:hidden;width:200px;height:70px;background:#ffe;} 
.s b {float:left;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 {margin:23px 10px 0;} 
.sa b {border:red 1px solid;background:#fde;} 
.sb b {border:green 1px solid;background:#dfe;} 
.sc b {border:blue 1px solid;background:#def;} 
.sa,.sa a,b {color:red;} 
.sb,.sb a,b {color:green;} 
.sc,.sc a,b {color:blue;} 
small {color:gray;} 
</style> 

<h1>Наложение DIV-блоков</h1> 
<div class="s"> 
  <small class="sa"> 
  <b><a >Заголовок 1</a></b> 
  <div class="sd"><a >Текст 1</a></div> 
  </small> 

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

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