如果这个链接放在 `nav-list` 内，我这里使用 `chrome` 浏览器，当鼠标悬停在按钮上时会看到的如下图的情况：

![sidebar-new-event-button-hover](https://f.cloud.github.com/assets/15178/45700/7ce0f16e-57bb-11e2-911d-1913a30a6f20.png)

所以我把链接按钮放在 `nav-list` 之外了。