Problema al colocar imagen encima de otra imagen

[RGT]

Código PHP:

                 <div class="featured"><img src="http://oi43.tinypic.com/148k6ld.jpg" alt="Logo" width="113" height="113" /></div> 
                <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>  

Código:

#disco-aleatorio {
	float:right;
	background-color:#FFF;
	border: 1px #ccc solid;
	padding: 2px;
	-webkit-border-radius: 2px;
	-moz-border-radius: 2px;
	border-radius: 2px;
	height:140px;
	position: relative;
}

#disco-aleatorio img {
	width:236px;
	height:140px;
}

#disco-aleatorio a {
	color: white;
	font-weight: bold;
	text-decoration: none;
}
			
#disco-aleatorio a:hover {
	text-decoration: underline;
	color: white;
}
				
#disco-aleatorio:hover {
	background-color:#2fb6f6;
}

#disco-aleatorio h2 {
	position: absolute;
	right: 2px;
	bottom: 2px;
	background: rgba(0,0,0,0.6);
	width: 226px;
	padding: 5px;position: absolute;
}

#disco-aleatorio .featured {
	position: absolute;
	display: inline-block;

	z-index:3;
	top:0;
	left:-6px;
	height:113px;
	width:113px;
}

Hola, como puede ver, no logro poner correctamente la imagen MEGA DISCO! encima de la foto del post.

Que tengo mal?

Saludos!.