display: block; worked for me in Chrome, Firefox, IE7 (pretty much), and Opera. Safari however did not work.
If that doesn't work, then it's a browser problem. The
<select> tag is closer to the browser than it is to the developer, meaning you can't really customize it that much. If none of my suggestions worked, you may want to consider setting the
display: none; or
-webkit-appearance: none; (which will dismantle the
Currently the arrow in the
<select> is what is preventing the box from moving upward,
-webkit-appearance: none; will remove the arrow.