Hola, pues lo que pasa es que debes meter la imágen que va debajo en otro div.
por ejemplo, metes lo otro en un featured2.
Cita: <body>
<div class="featured"><img src="http://oi43.tinypic.com/148k6ld.jpg" alt="Logo" width="113" height="113" /></div>
<div class="featured2">
<a href="<?php the_permalink(); ?>" title="<?php the_title(); ?>"><?php the_post_thumbnail('medium'); ?></a>
<h2><a href="<?php the_permalink(); ?>" title="<?php the_title() ?>"><?php the_title(); ?></a></h2>
</div>
y las reglas las dejas igual.
Cita: .featured {
position: absolute;
display: inline;
z-index:3;
top:0;
left:-6px;
height:113px;
width:113px;
}
.featured2 {
position: absolute;
display: inline;
z-index:-1;
top:0px;
left:-6px;
height:113px;
width:113px;
border:solid 1px black;
background-color:black;
}
ahí he cambiado el background y el border para cerciorarme que si andaba correcto.
el resultado que me dio es este:
