Фиксированное позиционирование

Создайте веб-страницу, как показано на рис. 1, в которой меню закреплено на одном месте и не сдвигается с прокруткой документа.

Рис. 1

<!DOCTYPE html>
<html>
 <head>
  <meta charset="utf-8">
  <title>Меню</title>
  <style>
   body {
    min-height: 1000px;
   }
   .menu {
    background: #edf6ff;
    width: 140px;
    padding: 10px;
    margin: 0;
    list-style: none;
    position: fixed;
    right: 10px;
    top: 100px;
   }
   .menu a {
    color: #1b4268;
   }
  </style>
 </head>
 <body>
  <ul class="menu">
   <li><a href="#">Главная</a></li>
   <li><a href="#">Новости</a></li>
   <li><a href="#">Контакты</a></li>
  </ul>
 </body>
</html>