html链接css无反应,HTML / CSS：链接无法点击

这无疑是一个愚蠢的错误，但我发疯了，试图找到它。在以下日历代码中，如果存在事件则链接，并且今天的链接也不可点击。

注意我已将www.google.com替换为超链接。在实际的应用程序中，它指向日历的日常视图。

如果有人能发现错误，我将非常感激。谢谢。

2,3,4和7的链接工作，但5,6和8的链接不起作用。

jsfiddle是here。

以下是与小提琴相同的代码：

CSS：

div.event {

position:relative;

vertical-aligh:top;

z-index:3;

top:25px;

text-width: 70px;

}

a.event {

position:relative;

vertical-align:top;

z-index:3;

// top:-15px;

text-width: 70px;

}

a.day-number {

vertical-align:top;

background:#999;

z-index:2;

top:0px;

padding:4px;

color:#fff;

font-weight:bold;

width:18px;

text-align:center;

float:right;

}

a.theday-number {

vertical-align:top;

background:#999;

z-index:2;

top:0px;

padding:4px;

color:#fff;

font-weight:bold;

width:18px;

text-align:center;

float:right;

background-color:red;

}

HTML：