Załóżmy że mam taką strukturę:
Kod
<div class='main'>
<div class='top'></div>
<div class='bottom'></div>
</div>
<div class='top'></div>
<div class='bottom'></div>
</div>
Oczywiście zakładamy że .top i .bottom są wypełnione tekstem.
CSS wyglądałby mniej więcej tak:
Kod
.main{ height: 50px; }
.top{ height: 40px; }
.bottom{ height: 20px; }
.top{ height: 40px; }
.bottom{ height: 20px; }
Chciałbym osiągnąć taki efekt żeby .bottom niejako "wystawał" za .main ale nie rozciągał go na wysokość

Przykład można zobaczyć/pobrać tutaj: lab.webcitron.pl/anonse/html/test.html (pod FF działa idealnie)