title: Select drop-down list possible to "Drop-Up"
body: <p>The <code>&lt;select&gt;&lt;option&gt;foo&lt;/option&gt;&lt;/select&gt;</code> drop-down is too close to the bottom of the page. I would like the drop-down to "drop-up". I have been searching but only able to pull up information on navigation menus. I tried giving the <code>&lt;select class="select-store"&gt;</code> a top:100% and bottom:100% being position:absolute which is what I saw for navigation menu dropdowns to "drop-up" without prevail. Is this possible? Thank you guys in advance, code is below;</p>
  
  <p>HTML</p>
  
  <pre><code>&lt;select class="select-store" onchange="document.location.href=this.value"&gt;
    &lt;option value="/"&gt;Store Finder&lt;/option&gt;
    &lt;option value="/foo"&gt;foo&lt;/option&gt;
    &lt;option value="/beta"&gt;beta&lt;/option&gt;
  &lt;/select&gt;
  </code></pre>
  
  <p>CSS</p>
  
  <pre><code>#finder .select-store{
    background: url("/images/storefinder_bg.png") no-repeat scroll 0 0 transparent;
    border: medium none;
    color: #5B5A5A;
    font-family: UNIV-C,Arial,Helvetica,sans-serif;
    font-size: 16px;
    font-weight: normal;
    height: 32px;
    line-height: 16px;
    padding: 3px;
    vertical-align: middle;
    width: 186px;
  }
  </code></pre>