'top'属性中的Safari / WebKit百分比值？

Question

我想在具有百分比值的列表项中相对定位锚点。

我尝试使用此设计执行此操作：http://bit.ly/1awA1Hh

它目前适用于FF，Chrome和IE，但不适用于 Safari / WebKit 。

我已经包含了一些我想要完成的事情。它似乎与WebKit一起使用，所以我在网站上遗漏了一些东西。

对我来说，网站上的任何父元素都会干扰定位......

有人介意快速看一下吗？

网站：http://bit.ly/1awA1Hh 小提琴：http://jsfiddle.net/y7Juf/1/

HTML：

<ul>
    <li>
       <a href="">Hello, World!</a>
    </li>
    <li>
        <a href="">Hello, World!</a>
    </li>
    <li>
      <a href="">Hello, World!</a>
    </li>
</ul>

CSS：

ul li a {
  position: relative;
  top: 60%;
}

ul li {
  width: 200px;
  height: 100%;
  border-right: 1px solid #CCC;
  float: left;
  text-align: center;
}

ul {
  height: 20%;
  list-style-type: none;
}

html, body {
  height: 100%;
}