title: Navbar dropdown menu fixed width
body: <p>I'm wondering is there an easy way to fix the width on this dropdown menu?</p>
  
  <p><a href="http://jsfiddle.net/s3bA3/3/" rel="nofollow">http://jsfiddle.net/s3bA3/3/</a></p>
  
  <p>I'd like a box effect dropdown list in the same position as where is says "DROPDOWN"</p>
  
  <p>Seems like it shouldn't bee too hard a fix but I'm pretty new to CSS.</p>
  
  <p>Here's the CSS code:</p>
  
  <pre><code>nav {
      width: 100%;
      float: left;
      margin: 0 0 3em 0;
      padding: 0;
      list-style: none;
      background-color: #242424;
      border-bottom: 1px solid #ccc;
      border-top: 1px solid #ccc;
      position:fixed;
      top:0px;
  }
  nav li {
      float: left;
  }
  nav li li {
      clear: both;
  }
  nav li a {
      display: block;
      padding: 8px 15px;
      text-decoration: none;
      font-weight: bold;
      color: #7ACC01;
      border-right: 1px solid #ccc;
  }
  nav li a:hover {
      color: #c00;
      background-color: #fff;
  }
  nav ul ul {
      display: none;
  }
  nav ul li:hover &gt; ul {
      display: block;
  }
  </code></pre>
  
  <p>Thanks for reading.</p>