菜单中的图像链接在移动设备上不起作用

Question

我正在尝试将列表中的图像设置为菜单上的导航链接。当前的设置在桌面上可以正常运行，在移动模拟器上也可以正常运行，但是当我在iPhone上使用它时，只有“ PICTURES”链接可以点击，而所有其他链接则无法点击。

我不确定是什么原因导致此问题仅在移动设备上发生。我相信可能是DIV阻止了它，但是我不确定为什么只能单击一个图像。有什么办法可以编码此列表，以便所有图像都位于网站的顶部并可以在移动设备上单击？

http://www.alexcurrie.pictures

作为参考，以下是完整网站样式表的链接：https://codeshare.io/2BBrWy

    <nav id="menu">
        <ul>
          <a href="http://www.alexcurrie.pictures/"><img src="http://www.alexcurriemedia.com/logo.jpg" width="200"><a/href>
          </ul>
                <ul>
<img src="http://www.alexcurriemedia.com/pictures.jpg" width="200">
              </ul>
        <ul>
<a href="http://www.alexcurrie.pictures/film"><img src="http://www.alexcurriemedia.com/film.jpg" width="200"></href>
              </ul>
                      <ul>
<a href="http://www.alexcurrie.pictures/bio"><img src="http://www.alexcurriemedia.com/bio.jpg" width="200"></href>
              </ul>
          </nav>