制作水平按钮时遇到问题

Question

如何修复此导航栏？ 我尝试自己制作它，但我无法让一切工作。

http://i41.tinypic.com/20jlibt.jpg

这是所有三种状态的按钮：

http://i41.tinypic.com/2mzgwtk.jpg

红色背景为#490000，它应该是一个单独的div。

按钮顶部的文字是自定义字体，但在这种情况下无关紧要。

Answer 1

我把你可以学习的working sample扔到了一起。你能详细说明你遇到问题的地方吗？我可以解释一下这个解决方案吗？