позиция: относительная приводит к тому, что привязки становятся неактивными

Я возился с разрабатываемым мной веб-сайтом, пытаясь исправить некоторые странные ошибки IE7, поскольку это внутренний проект, а IE7 является стандартным браузером. Я закончил тем, что добавил "position: relative", чтобы исправить пару проблем с компоновкой, специфичных для IE, но, похоже, я усугубил ситуацию в FF / Chrome (я считаю себя скорее системным программистом, но мои текущие обязанности включают больше веб фокус, к сожалению).

Конкретная проблема заключается в том, что элементы "position: relative" в конечном итоге сделали некоторые из моих ссылок, которые были перемещены вправо, некликаемыми. Я создал простую тестовую страницу, которая, надеюсь, объяснит это лучше, чем я могу словами: http: // jsfiddle. net / gBchZ / .

В конце концов я разберусь с этим беспорядком, но я надеялся, что кто-нибудь сможет объяснить причину, по которой мои ссылки скрываются за элементами position: relative.