/* The hint to Hide and Show */
.hint {
   background: #ffc url(../images/pointer.gif) no-repeat -10px 5px;
   border: 1px solid #c93;
   display: none;
   font-family: 'Times New Roman',Times,serif;
   margin-top: -4px;
   padding: 5px 5px;
   position: absolute
}

/* The pointer image is hadded by using another span */
.hint .hint-pointer {
    position: absolute;
    left: -10px;
    top: 5px;
    width: 10px;
    height: 19px;
    background: url(../images/pointer.gif) left top no-repeat;
}