Как сделать, чтобы при наведении содержимое блока появлялось и выходило за его нижнюю границу, перекрывая ее, НО ВНИМАНИЕ! не двигая текст под блоком, а все остальные границы блока вообще исчезали? Обязательно, чтобы текст под блоком не отодвигался вниз, а оставался на месте, где был изначально.
Желательно без js
<div class="content">
<ul style="display:none;width:100%;height:200%">
<li>Один</li>
<li>Два</li>
<li>Три</li>
<li>Четыре</li>
<li>Пять</li>
</ul>
</div>
<h1 style="margin-top:20px">Заголок не двигать</h1>