<select><option>foo</option></select> раскрывающийся список находится слишком близко к нижней части страницы. Я бы хотел, чтобы раскрывающийся список был «раскрывающимся». Я искал, но смог найти только информацию в навигационных меню. Я пытался дать<select class="select-store"> верх: 100% и низ: 100% - это положение: абсолютное, что я видел для выпадающих меню навигации до «выпадающего» без преобладания. Это возможно? Спасибо, ребята заранее, код ниже;

HTML

<select class="select-store" onchange="document.location.href=this.value">
  <option value="/">Store Finder</option>
  <option value="/foo">foo</option>
  <option value="/beta">beta</option>
</select>

CSS

#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;
}