title: CSS: How do I make autosuggest results align with input field
body: <p>I can't seem to make the results of my autosuggest field align with my input field if I move my input field to somewhere else on the page. I was wondering if I would use position: absolute or what? Heres the code for my index page:</p>
  
  <pre><code>&lt;input type="text" class="autosuggest"&gt; &lt;input type="submit" value="Search"&gt;
  
  &lt;div class="dropdown"&gt;
     &lt;ul class="result"&gt;&lt;/ul&gt;
  &lt;/div&gt;
  </code></pre>
  
  <p>And heres my CSS code:</p>
  
  <pre><code>body{
   font:0.8em Verdana;
     }
  
  .autosuggest, .dropdown, .result {
    margin:0;
    padding:0;
    border:0;
    width:250px;
  }
  
  .autosuggest {
    padding:4px;
    border:1px solid #000;
  }
  
  .result {
    width:260px;
    list-style:none;
  }
  
  .result li {
    padding:5px;
    border:1px solid #000;
    border-top:0;
    cursor: pointer;
  }
  
  .result li:hover {
    background:#333;
    color:#fff;
  }
  </code></pre>