将鼠标悬停在图标上可显示不工作的标题

Question

所以我有一排图像图标紧紧地包装在一个区域中，当我将鼠标悬停在它们上方时，我希望它们略微向上移动，并在图标下方的标题中淡入淡出。我已经能够在我自己的网站上成功完成此操作（无法链接到它，抱歉），除了我无法将文本放在图标下方的中心而不影响布局。我尝试使用position：absolute来定位标题，但是在图标下方的文本中没有。如果没有绝对定位，当它渐渐消失时，会将其余的布局搞定。我只是使用绝对定位手动定位每个标签，但我们的网络应用程序是国际化的，所以单词将是不同的长度，所以这需要是动态的。我尝试创建一个jsfiddle来显示我在做什么，但显然悬停不起作用？

http://jsfiddle.net/QYDmM/

希望有人可以提供帮助！

Answer 1

请参阅此jsfiddle：http://jsfiddle.net/RikudoSennin/QYDmM/3/

我更改的内容是我在jQuery中添加了一个新行，并在position: relative;上添加了.icon-holder。