title: Display: inline not working
body: <p>bit of a noob here. Just need some help getting this menu to be in-line. It's currently displaying as a vertical list. Here's the relevant code: </p>
  
  <pre><code>#background #header #nav {
      float: right;
      list-style-type: none;
      margin-top: 100px;
      font-color: #40C8F4;
  }
  #background #header #nav ul {
      list-style-type: none;
      list-style-position: inside;
      display: inline;
      font-color: #40C8F4;
      color: #40c8f4;
  }
  
  #background #header #nav ul li{
      text-decoration: none;
      color: #40C8F4;
      font-color: #40C8F4;
      }
  #background #header #nav ul li .scroll {
      text-decoration: none;
      color: #40c8f4;
      display: inline;
  }
  </code></pre>