/* tooltip */

.tooltip { 
 position: relative;
 text-decoration: none;
 color: red;
 }
.tooltip span {
  position: absolute;
  right: 0;
  top: -30px;
  display: none;
  min-width: 50px;
  padding: 3px 8px;
  white-space: nowrap;
  font-size: 11px;
  text-align: right;
  background-color: #D4D4EE;
  -webkit-border-radius: 5px;
  -moz-border-radius: 5px;
  color: #0000FF;
}
.tooltip span small {
  position: absolute;
  right: 10px;
  bottom: -6px;
  border-top: 6px solid #D4D4EE;
  border-left: 6px solid transparent;
}
.tooltip:hover span { display: block; }

/* дл¤ IE */

.tooltip span { background-color: #D4D4EE; }
.tooltip span small { border-top: 6px solid #D4D4EE;; }

/* фиксим проблему со стрелочкой в IE 6 */

*html .tooltip span small {
  border-left: 0px solid #D4D4EE;; /* —оответствует цвету фона */
}

/* фиксим проблему в IE 8 */

.tooltip span { background-color /*\**/: #D4D4EE\9  }
.tooltip span small { border-top /*\**/: 0px solid #D4D4EE; }
}