title: Using HTML Divs to Make Navigation Bar
body: <p>I'm just starting web development, and I'm trying to construct a page-navigation bar with a bunch of 'Div' elements, but I cant seem to get my second button ("AboutButton") to appear on the screen. Here is my HTML body code:</p>
  
  <p></p>
  
  <pre><code>&lt;body&gt;
  
      &lt;div id="navbar" id="top"&gt;
          &lt;div id="pageselection"&gt;
              &lt;div id="HomeButton"&gt; &lt;a href="#top"&gt; HOME &lt;/a&gt; &lt;/div&gt;
              &lt;div id="AboutButton"&gt; &lt;a href="#About&gt; ABOUT &lt;/a&gt; &lt;/div&gt;
          &lt;/div&gt;
      &lt;/div&gt;
  
  
  &lt;/body&gt;
  </code></pre>
  
  <p></p>
  
  <p>and here is my CSS for the page:</p>
  
  <pre><code>#navbar{
  Position: fixed;
  Width: 100%;
  Height: 10%;
  }
  
  #pageselection{
  Position: absolute;
  Width: 40%;
  Height: 100%;
  Right: 30%;
  }
  
  #HomeButton{
  Position: absolute;
  Width: 33%;
  Height: 100%;
  Left: 0%;
  text-align: center;
  }
  
  #AboutButton{
  Position: absolute;
  Width: 33%;
  Height: 100%;
  Left: 33%;
  text-align: center;
  }
  </code></pre>
  
  <p>Essentially, I'm trying to build a 'div' that runs across the top of the page, then mark off the central 40% of that 'div' as a space for a second 'div' to sit, which will in turn hold the three links that users can use to navigate the page.</p>
  
  <p>Thanks in advance, hopefully its a stupid error, and I hope my description was clear enough :)</p>