title: html links don't work properly
body: <p>I'm creating the html/css for my website and the links are not "clickable".</p>
  
  <p>when i get rid of the "float:left" in my "ul#menu" css, the links work. otherwise it doesnt. </p>
  
  <pre><code>        &lt;ul id="menu"&gt;
              &lt;li&gt;&lt;a href="www.facebook.com" class="active"&gt;Home&lt;/a&gt;&lt;/li&gt;
              &lt;li&gt;&lt;a href="www.facebook.com"&gt;Order&lt;/a&gt;&lt;/li&gt;
              &lt;li&gt;&lt;a href="www.twitter.com"&gt;How it works&lt;/a&gt;&lt;/li&gt;
              &lt;li&gt;&lt;a href="#"&gt;FAQ&lt;/a&gt;&lt;/li&gt;
              &lt;li&gt;&lt;a href="#"&gt;About urrrs&lt;/a&gt;&lt;/li&gt;   
              &lt;a href="www.facebook.com"&gt;order&lt;/a&gt;            
          &lt;/ul&gt;
  
  
  
  ul#menu{
      float: left;
      margin-left: 20px;
      margin-top: -290px;
  }
  
  ul#menu li a {
      text-decoration:none;
      color:#e2281f;
      font-family:Verdana, Arial, Helvetica, sans-serif;
      font-size:22px;
      line-height:32px;
  }
  
  ul#menu li a.active, ul#menu li a:hover {
      background-color:#e2281f;
      color: white;
  }
  </code></pre>
  
  <p>my webpage is located at: <a href="http://foodchute.com/" rel="nofollow">http://foodchute.com/</a></p>