Safari CSS高度100％无法正常工作

Question

Safari未在子元素中执行100％的高度。我试图将显示更改为表格和表格单元格，但它也不起作用。我还尝试将子项显示为flex，如here所述，但Safari并没有拉伸图像。这是一个简单的Codepen：

ul.items {
  display: flex;
  flex-wrap: wrap;
  align-items: stretch;
  text-align: center
}

li {
  background-color: #f00;
  display: inline-block;
  vertical-align: top;
}

li a {
  background-color: #ff0;
  display: block;
  height: 100%;
  min-height: 100%;
}

http://codepen.io/retroriff/pen/woJOpz

谢谢！