title: Aligning Navigation and title
body: <p>My header section is a bit messed up. My nav menu is being put below the actual title. I've tried changing the display to inline, but when i do this to the #navmenu it clears the color and completely remains the same.</p>
  
  <p>I know there is probably an easy answer as for almost every question i have asked, but can someone please help me?</p>
  
  <p>HTML:</p>
  
  <pre><code>&lt;!DOCTYPE html&gt;
  
  &lt;html&gt;
  
      &lt;head&gt;
          &lt;meta name="Description" content="This is your test website!"/&gt;
          &lt;meta name="author" content="Me!"/&gt;
          &lt;title&gt;ReallyGoodPie | Home&lt;/title&gt;
          &lt;link type="text/css" rel="stylesheet" href="css/style.css"/&gt;
      &lt;/head&gt;
  
      &lt;body&gt;
  
          &lt;div id="wrapper"&gt;
              &lt;nav id="navmenu"&gt;
              &lt;div id="title"&gt;
                  &lt;h1&gt;Title&lt;/h1&gt;
              &lt;/div&gt;
  
                  &lt;ul&gt;
                      &lt;li&gt;Home&lt;/li&gt;
                      &lt;li&gt;About&lt;/li&gt;
                      &lt;li&gt;Tutorials&lt;/li&gt;
                      &lt;li&gt;Services&lt;/li&gt;
                      &lt;li&gt;Contact Us&lt;/li&gt;
                  &lt;/ul&gt;
              &lt;/nav&gt;
  
              &lt;aside id="sidenews"&gt;
  
              &lt;/aside&gt;
  
              &lt;div id="center"&gt;
  
                  &lt;section id="mainsection"&gt;
                      &lt;article&gt;
                          &lt;header&gt;
                              &lt;hgroup&gt;
                                  &lt;h1&gt;This is a test&lt;/h1&gt;
                                  &lt;h2&gt;I like tests!&lt;/h2&gt;
                              &lt;/hgroup&gt;
                          &lt;/header&gt;
                          &lt;section&gt;
                              &lt;p&gt;This is the main section of my section (sectception)&lt;/p&gt;
                          &lt;/section&gt;
                          &lt;footer&gt;
                              &lt;p&gt;Time and date&lt;/p&gt;
                          &lt;/footer&gt;
                      &lt;/article&gt;
                  &lt;/section&gt;
  
              &lt;/div&gt;
  
              &lt;footer id="cright"&gt;
                  &lt;p&gt;This is the copyright section. All rights reserved.&lt;/p&gt;
              &lt;/footer&gt;
      &lt;/body&gt;
  
  &lt;/html&gt;
  </code></pre>
  
  <p>CSS:</p>
  
  <pre><code>*{
  margin: 0;
  padding: 0;
  }
  
  header, section, footer, aside, nav, article, hgroup{
      display: block;
  }
  
  a{
      text-decoration: none;
      color: #FFF;
  }
  
  a:hover{
      color: #333399;
  }
  
  
  #wrapper{
      width: 100%;
      margin: 20px auto;
      margin-top: 0px;
      text-align: left;
      background-color: #FFF;
  }
  
  #navmenu{
      background: #3366CC;
      color: #eee;
      text-align: right;
      height: 100px;
      padding: 0;
      margin:0;
      float: top;
      width: 100%;
  }
  
  #navmenu li{
      display: inline-block;
      list-style: none;
      padding: 20px;
  
  }
  
  #navmenu ul{
      padding-right: 10px;
  }
  
  #navmenu li:hover{
      color: #FFF;
      background: #3399FF;
      border-radius: 5px;
      -moz-border-radius: 5px;
      padding-top: 10px;
      padding-bottom: 10px;
  }
  
  
  
  
  #mainsection{
      float:left;
      width: 630px;
      margin:30px;
      margin-top: 2
      background-color:#FFF;
      color: #222;
      text-align: left;
  
  }
  
  #cright{
      text-align:center;
      background-color: #AAA;
      clear: both;
  }
  
  #center{
      width: 1000px;
      height: 1000px;
      background-color:#FFF;
  }
  
  #sidenews{
      float:right;
      width: 250px;
      height: 940px;
      margin: 0px 0px;
      padding: 30px;
      background-color:#FFF;
  }
  
  #title{
      text-align: left;
      padding: 0;
      padding-top: 10px;
      padding-left: 10px;
      width: 200px;
  }
  
  h1{
      width: 100px;
  }
  </code></pre>