在IE8和IE9中，弹出窗口内的链接不起作用

Question

我有一个列表，当您单击图像时会显示为弹出窗口。 列表中的链接在IE9中不起作用，但适用于所有其他浏览器。我怀疑弹出窗口在单击其中的链接时会失去焦点，但我找不到解决方法。

请记住，我不想使用任何JS，只需要CSS。

这是我正在使用的代码：

<style type="text/css">
ul {display:none;}
ul li {list-style:none;}
a:focus + ul {display:block;}
ul:active {display:block;}
</style>

<a href="#" tabindex="200"><!--tabindex used for chrome & safari -->
    <img src="https://www.google.com/images/srpr/logo11w.png">
</a>
<ul>
    <li><a href="http://www.google.com">Link 1</a></li>
    <li><a href="http://www.google.com">Link 2</a></li>
    <li><a href="http://www.google.com">Link 3</a></li>
</ul>

谢谢 （编辑删除提到IE8的行 - 它在那里工作正常）