工具提示无法悬停

Question

我想在某些关键字的链接中添加工具提示，但我打破

http://jsfiddle.net/mwu902g4/1/示例

我想在top of anchor上显示工具提示。像搜索一样的文字

CSS

.bubble:hover
{
position: relative;
width: 200px;
height: 45px;
padding: 0px;
background: #FFFFFF;
-webkit-border-radius: 3px;
-moz-border-radius: 3px;
border-radius: 3px;
border: #FFE34C solid 4px;
}

.bubble:after
{
content: '';
position: absolute;
border-style: solid;
border-width: 15px 16px 0;
border-color: #FFFFFF transparent;
display: block;
width: 0;
z-index: 1;
bottom: -15px;
left: 84px;
}

.bubble:before
{
content: '';
position: absolute;
border-style: solid;
border-width: 18px 19px 0;
border-color: #FFE34C transparent;
display: block;
width: 0;
z-index: 0;
bottom: -22px;
left: 81px;
}