Исправлено меню навигации не работает в IE 11 или Edge

Question

Этот бит отлично работает в Chrome, но ссылки не работают в IE или Edge, если я не выключу position: fixed. У кого-нибудь есть идеи? Я искал всевозможные вопросы с похожей формулировкой, и ничего не помогло. Не уверен, почему наличие position: fixed отключает любую интерактивность в IE.

<style>
    .act-nav {
      position: fixed;
      height: 100%;
      top: 273px;
      width: 230px;
      background-color: #000;
      text-align: center;
    }

    .act-nav a {
      display: block;
      margin: 10px;
      width: 210px;
    }
  </style>
<div>
  <div class="act-nav">
    <a class="act-button-yellow act-button" href="#map">Map</a>
    <a class="act-button-yellow act-button" href="#stations">Stations</a>
    <a class="act-button-yellow act-button" href="#talks">Talks</a>
    <a class="act-button-yellow act-button" href="#reqs">Open Reqs</a>
  </div>
</div>

Answer 1

<div role="main" style="min-height:1000px;max-width:10em;margin:1em auto;background:red">this is the main content</div>
    
    <ul role="navigation" style="position:fixed;left:0;top:0;height:100%;width:10em;background:orange">
    <a><li>menu item</li></a>
    <a><li>menu item</li></a>
    </ul>