Inner-element Hover

dabblet.css

/**
 * Inner-element Hover
 */
body { padding: 0px 20px; }

.container { position: relative; }
.mini { position: absolute; top: 10px; left: 15px; 
display: none;
padding: 4px 5px; 
background: rgba(255,255,255,0.8); 
color: #666; font-weight: bold;
}

.container a:hover .mini { display: block; }

dabblet.html

<div class="container">
<a href="#">
<span class="mini">1988</span>
<img src="http://i.imgur.com/2HvTf.jpg" alt="pup named scooby doo">
</a></div>

settings.json

{"view":"separate","fontsize":"90","seethrough":"","prefixfree":"1","page":"all"}