a.podskazka:hover span {
display: block;  
position: absolute;  
top:2em; left:2em;  
width:250px;  
padding:5px;  
color: #FFFFFF;  
text-indent: 0px;
border-top: 1px solid rgb(153, 204, 255);
border-bottom: 1px solid rgb(0, 0, 0);
background-color: rgb(51, 102, 153);
background-image: none;  
background-repeat: repeat;  
background-attachment: scroll;  
background-position: 0% 50%;  
-moz-background-size: auto auto;  
-moz-background-clip: -moz-initial;  
-moz-background-origin: -moz-initial;  
-moz-background-inline-policy: -moz-initial;  
filter: alpha(opacity:90);
KHTMLOpacity: 0.90;
MozOpacity: 0.90;
opacity: 0.90;  
text-align: center;}

<a class="podskazka" href="#">Здесь<span style="top: -300px;"><table style="border: 1px solid rgb(231, 87, 59);" border="0" cellspacing="1"><tbody>
<tr><td align="center" style="color: rgb(231, 87, 59); font-weight: bold;">Как сделать   
всплывающую подсказку</td><td><img src="http://photos1.blogger.com/blogger/3083/3688/320/POST_1.png" height="100" width="100"></td></tr>
<tr><td colspan="2" style="padding: 10px;"><p style="border: 1px dotted rgb(252, 217, 197); padding: 3px;">
Ничто так не воодушевляет, как сознание своего безнадёжного положения.
<div style="text-align: right;">
Альбер Камю</div>
</p>
</td></tr>
</tbody></table>
</span></a>