浮动<li>宽度（保持纵横比）</li>

Question

我有div未指定的宽度（＃bottom-bar），绝对位于视口的底部（粘在窗口的底部）。它的高度是窗户高度的20％。

在这个div中，我有一个ul，带有内联块li，每个内部都有一个a包裹img。

在示例中，您会注意到，当您垂直调整窗口大小时，li内的图像会像您预期的那样改变大小，但图像周围的a不会改变宽度。

如果您重新加载页面，a的宽度将是正确的......也就是说，直到您再次调整页面大小。

有解决方法吗？我宁愿不使用JS。

示例页面：http://psofe.com/footer_slider