title: How would I get my horizontal navigation bar to span the full width?
body: <p>I am making a website and I want the Navbar to span the full page. how would I do this? I think the way would be somewhere withing the <code>ul.navbar a</code> Element. </p>
  
  <p>HTML:</p>
  
  <pre><code>&lt;!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"&gt;
  &lt;html xmlns="http://www.w3.org/1999/xhtml"&gt;
  &lt;head&gt;
  &lt;link rel="stylesheet" type="text/css" href="style.css" /&gt;
  &lt;meta http-equiv="Content-Type" content="text/html; charset=utf-8" /&gt;
  &lt;title&gt;Simple Site&lt;/title&gt;
  &lt;/head&gt;
  
  &lt;body&gt;
  
  &lt;div id="container"&gt;
  &lt;div id="body"&gt;
  &lt;center&gt;
      &lt;ul class="navbar"&gt;
          &lt;li&gt;&lt;a href="index.html"&gt;Home&lt;/a&gt;&lt;/li&gt;
          &lt;li&gt;&lt;a href="about.html"&gt;About&lt;/a&gt;&lt;/li&gt;
          &lt;li&gt;&lt;a href="contact.html"&gt;Contact&lt;/a&gt;&lt;/li&gt;
          &lt;li&gt;&lt;a href="services.html"&gt;Services&lt;/a&gt;&lt;/li&gt;
          &lt;li&gt;&lt;a href="biography.html"&gt;Biography&lt;/a&gt;&lt;/li&gt;
      &lt;/ul&gt;
      &lt;/center&gt;
  &lt;/div&gt;    
  &lt;/div&gt;
  &lt;/body&gt;
  &lt;/html&gt;
  </code></pre>
  
  <p>CSS:</p>
  
  <pre><code>@charset "utf-8";
  
  
  #container {
      margin-left:auto;
      margin-right:auto;
      width:960px;
      background-color:#666666;
  }
  
  #body {
      background-color:#666666;
      width:960px;
      height:500px;
      border:2px solid #FFFFFF;
      margin-top:50px auto;
  }
  
  .navbar {
      position:relative;
      list-style:none;
      border-bottom:none;
      float:left;
  }
  
  ul.navbar li {
      float:left;
  }
  
  ul.navbar a {
      background-color:#66FF33;
  
      margin:0px;
      padding:5px;
      text-decoration:none;
      color:#
  }
  
  ul.navbar a:hover {
      width:8em;
      margin:0px;
      background-color:#33FFD7;
      padding:5px;
  }
  
  body {
      background-color:#333333;
  }
  </code></pre>