button.hastip {
 display: inline;
 position:relative;
 
 
}
:root button.hastip {overflow:visible \0/IE9 !important; }

button.hastip span {
  position: absolute;
  width:auto;
  color: #000000;
  background: #FFFFFF;
  border: 2px solid #6D6D6D;
  height: 35px;
  line-height: 35px;
  text-align: center;
  visibility: hidden;
  border-radius: 1px;
  white-space: nowrap;
  padding:5px; 
  z-index: 9999 !important;
}

button.hastip span:before {
  content: '';
  position: absolute;
  top: 100%;
  left: 50%;
  margin-left: -12px;
  width: 0; height: 0;
  border-top: 12px solid #6D6D6D;
  border-right: 12px solid transparent;
  border-left: 12px solid transparent;
  z-index:1002 !important;  
}
button.hastip span:after {
  content: '';
  position: absolute !important;
  top: 100% !important;
  left: 50% !important;
  margin-left: -8px !important;
  width: 0 !important; height: 0 !important;
  border-top: 8px solid #FFFFFF !important;
  border-right: 8px solid transparent !important;
  border-left: 8px solid transparent !important;
  z-index: 1002 !important;  
}
button:hover.hastip span {
  visibility: visible !important;  
  opacity: 0.8 !important;
  bottom: 30px !important;
  left: 50% !important;
  margin-left: -76px !important;
  z-index: 9999 !important !important; 
  position: absolute !important; 
}