Utilizando Qtip

AGREGAR LOS SIGUIENTES PLUGINS:

Html

 <script type="text/javascript" src="../js/jquery.qtip.js"></script>
 <link rel="stylesheet" type="text/css" href="../css/jquery.qtip.css" />
 <td>
  <html:text
   style="width: 70px;"
   styleClass="input"
   maxlength="3"
   styleId="puntajeMinimo">                 
  </html:text>                                 
 </td>
 <td><div id="msg_puntajeMinimo" style="display:none"><img src='../images/exclamation.gif'></div></td>
Javascript

if(puntaje_minimo >= 30 && puntaje_minimo<= 100)
{
 $("#puntajeMinimo").css(css_correcto);
 $('#msg_puntajeMinimo').qtip('destroy');
 $("#msg_puntajeMinimo").hide();
 puntaje_min = true;
}
else
{
 $("#msg_puntajeMinimo").show();
 $("#puntajeMinimo").css(css_incorrecto);
 $('#msg_puntajeMinimo')
 .qtip({
  content: {
   text: 'Puntaje mínimo para aprobar [30 - 100]'
  },
  position: {
   my: 'left center',
   at: 'left center',
   adjust: {x: 20}
  },
  show: {
   event: false,
   ready: true
  },
  hide: false,
  style: {
   classes: 'ui-tooltip-shadow ui-tooltip-light',
   tip:
   {
    corner: true,
     width: 10
   }
  }
 });
 puntaje_min = false;
}