<span class="title">Поволжье<em>Подсказка<i></i></em></span>

.title{  
   position:relative;  
   z-index:1;  
   zoom:1;  
   color:#06F;  
}  
.title em{display:none;}  
.title:hover em{  
   display:block;  
   position:absolute;  
   z-index:1;  
   background-color:#000;  
   -webkit-border-radius:5px; /* красивости в виде скругленных углов */  
   -moz-border-radius:5px;  
   border-radius:5px;  
   line-height:normal;  
   color:#FFF;  
   text-decoration:none;  
   padding:3px 5px;  
   bottom:22px;  
   right:0;  
   -webkit-box-shadow:0 0 5px #000; /* красивости в виде тени */  
   -moz-box-shadow:0 0 5px #000;  
   box-shadow:0 0 5px #000;  
}  
.title:hover em i{  
   position:absolute;  
   z-index:1;  
   bottom:-7px;  
   right:5px;  
   border-top:7px solid #000;  
   border-left:7px solid transparent;  
   _border-left:7px solid #FDEFC6; /* цвет фона. это для ие6.*/  
   display:block;  
   height:0;  
   overflow:hidden;  
}