title: hamburger menu + paralax
body: <p>I have a strange combination - parallax and hamburger menu. The problem is m 
    that navigation is dropping down whenever place you will hover, not only 
    when you hover over the hamburger menu icon. I think it is a thick bug in 
    the code, but I cannot find it. I don't have jquery for that. Also, I 
    couldn't find any paralax + hamburger menu tutorial. I am trying to do 
    navigation responsive. </p>
  
  <pre><code>HTML 
  
  &lt;header&gt;
    &lt;nav&gt;
      &lt;a href="#" style="font-size: 40px; font-family:'Forte'; color: white; 
  padding: 10px 30px; text-decoration:none; "&gt;Vowel&lt;/a&gt;
      &lt;a href="#" style="float: right; padding: 10px 10px;"&gt;
      &lt;img src="icon_menu.png"&gt;&lt;/img&gt;
      &lt;/a&gt;
      &lt;ul&gt;
        &lt;li&gt;&lt;a href="about_us.html"&gt;About us&lt;/a&gt;&lt;/li&gt;
        &lt;li&gt;&lt;a href="#"&gt;Subscribe&lt;/a&gt;&lt;/li&gt;
      &lt;/ul&gt;
    &lt;/nav&gt;
  &lt;/header&gt;
  
  CSS
  
  nav {
  width: 100%;
  height: 60px;
  background-color: red;
  position: fixed;
  z-index: 100;
  }
  
  #menu-icon {
  background-image: url("icon_menu.png");
  display: hidden;
  width: 32px;
  height: 32px;
  }
  
  nav ul {
  list-style-type: none;
  position: fixed;
  padding: 20px;
  background: red;
  width: 100%;
  text-decoration: none;
  color: white;
  display: none; 
  }
  
  nav:active ul {
  list-style-type: none;
  display: none;
  position: fixed;
  padding: 20px;
  background: red;
  right: 0px;
  top: 60px;
  width: 100%;
  text-decoration: none;
  color: white;
  border: 1px solid white;
  }
  
  nav:hover ul {
    display: block;
  }
  
  nav li {
    text-align: center;
    width: 100%;
    padding: 15px 0;
    margin: 0;
    text-decoration: none;
    color: white;
  }
  
  nav a:hover {
    text-decoration: none;
  }
  
  
  container {
  max-width: 960px;
  height: 500px;
  margin: 0 auto;
  background: #f9f9f9;
  padding: 25px;
  border-top: 1px solid black;
  overflow: scroll;
  }
  </code></pre>