Titulo con efecto solapa

[kseso?]

el html

Código html:

<div class="post-title">
                        <h2><a title="Brothers Streep" rel="bookmark" href="http://www.markforrester.co.za/2009/10/11/brothers-streep/">Brothers Streep</a></h2>
                        <span class="postfold"> </span>
                    </div>
 

y el css

Código css:

#main .post-title, #main .page-title, #main .comments-title {
background-color:#98BDC6;
border:1px solid #6E8D94;
display:inline;
float:left;
margin:0 30px 0 -21px;
padding:12px 25px;
position:relative;
}
#main .post-title h2 {
display:inline;
font-size:24px;
padding:0;
text-shadow:1px 1px 1px #7D9DA5;
}
#main span.postfold {
background:transparent url(images/post_fold.png) no-repeat scroll center center;
bottom:-15px;
display:block;
height:15px;
left:0;
position:absolute;
width:20px;
 

como verás sólo utiliza una pequeña imagen para simular la sombra con el span.

Un saludo

Edito:

leñes!!! padiez!!! cuán rápido andáis vos!!!