Problema con layers/capas, como hacer esto?

Si vas a posicionarlos de forma absoluta, crea un div de tamaño fijo y centrado en pantalla que contenga el resto de elementos, por ejemplo tu web mide 675px de ancho, creas un div así:

<div id="wrapper">

</div>

y el css de ese div que sea:

#wrapper{
width: 675px;
margin:0 auto;
position:relative;
}

Así, lo que se consigue es que todos los elementos absolutos, cogen de referencia la esquina superior izquierda del div 'wrapper'.

Esto es así porque por definición un elemento en position:absolute, coge su punto de referencia en relación al primer padre en position:absolute; y si este no existe te lo coge de la ventana del navegador. De ahí derivan muchas diferencias entre navegadores ya que unos por defecto aplican el position:relative a los elementos y otros position:static.

Lo de margin:0 auto; y un width fijo, es para que no importe la resolución de la persona que está mirando tu web. Podrias poner el position:relative al body, pero como este tiene un tamaño variable dependiendo de quien mire tu web, no será lo mismo un left:200px; para alguien que el body le mide 1000px de ancho, que para otra persona que le mida 800px.

Creo que te habré liado un poco xD

EDIT---

Se me olvidaba, como todo purista css, si puedes evitar posicionar con positions:absolutes, mejor xD, simplemente te he dado la solución más rápida según lo tienes montado.

<select class='SelectLargo'>

y en el CSS

.SelectLargo{width:200px;height:30px;}

Sé que soy puñetero diciendote todas las soluciones en css

la respuesta en #4 es para agrandar el select xDDDDDD

width significa ancho y height significa alto. Puedes ponerlo con la medida que quieras, px, em's, %, etc.