CSS位置问题:相对位置:绝对子级

通常我可以做这种事,但今天却让我心烦。

见 this 页在JSbin。

基本上我要做的是

• 有一个无序项目的列表
• 他们都有联系
• jquery循环并在列表项内部创建一个额外的链接,该链接使用css扩展到整个列表项。
• 这为用户提供了更大的点击空间

出于某种原因,子链接似乎是从父链接中出来的,尽管父链接 position: relative .

我做错了什么?多谢。