title: Navigation Bar to Stay on top
body: <p>I created a nice navigation bar and I want to stay on the top of the page even if the user is scrolling. I've created a separate PHP file for the header named <i>header.php</i> and included it on the main page.
  <p>CSS for headermenu</p>
  
  <pre><code>.headerMenu {
  background-image: url(../img/background_white.png);
  height: 56px;
  border-bottom: 0px;
  padding-left: auto;
  padding-right: auto;
  width: 100%;
  }
  </code></pre>
  
  <p><p>It worked good though but it won't stay on the top when the user scrolls, so I decided to put some additional codes:</p>
  
  <pre><code>.headerMenu {
  background-image: url(../img/background_white.png);
  height: 56px;
  border-bottom: 0px;
  padding-left: auto;
  padding-right: auto;
  width: 100%;
  
  position: fixed;
  top: 0;
  }
  </code></pre>
  
  <p><p>After putting those two codes my navigation bar won't display on the page. <br/>
  I tried asking some people on the net and they all come up with the <code>position:fixed; top:0;</code> code. Why it's not working?
  <p>HTML</p>
  
  <pre><code>&lt;div class = "headerMenu"&gt;
      &lt;div id = "menu"&gt;
       &lt;a href = "home.php" /&gt;What's New&lt;/a&gt;
       &lt;a href = "home.php" /&gt;&lt;?php echo $firstname; ?&gt;&lt;/a&gt;                           
       &lt;a href = "signout_com.php" /&gt;Sign Out&lt;/a&gt;                                             
      &lt;/div&gt;
  &lt;/div&gt;
  </code></pre>