[bes]

Как-то так, Deff + (уже второй поставить не могу)

<style>
  body {
    background: lightgrey;
  }

 .menu {
    position: fixed;
    left: 20%; 
    top: 20%; 
    width: 60%; 
    height: 60%;
    background-color: grey;
    z-index: 100
  }

  .head {
    background: maroon; 
    color: whitesmoke;
    height: 10%;
  }

  .content {
    height: 100%;
    width: 100%;
    overflow: auto;
  }

  .x {
    position: absolute;
    right: 3%; 
    cursor: pointer;
    color: whitesmoke;
  }
</style>
 
<table class="menu">
  <tr>
    <td class="head">Меню
    <span class="x">x</span>
 </tr>
 <tr>
   <td><div class="content">
    <a href="#">link1</a><br>
    <a href="#">link2</a><br>
    <a href="#">link3</a><br>
    <a href="#">link4</a><br>
    <a href="#">link5</a><br>
    <a href="#">link6</a><br>
    <a href="#">link7</a><br>
    <a href="#">link8</a><br>
    <a href="#">link9</a><br>
    <a href="#">link10</a><br>
    <a href="#">link11</a><br>
    <a href="#">link12</a><br>
    <a href="#">link13</a><br>
    <a href="#">link14</a><br>
    <a href="#">link15</a><br>
    <a href="#">link16</a><br>
</div>
  </tr>
</table>

vadim5june, сейчас поразбираю ваш вариант.