No se ajusta el ancho especificado para el select

[alexandreortigosa]

Hola compañeros.

Tengo un problemilla y la verdad es que no se por que ocurre. Le asigno un ancho especifico a un select en el css, pero aun así me sigue mostrando el ancho standard.

Os pego el código siguiente del form que contiene los selects y del archivo css:

html:
<form action="" method="post">
<select class="1" style="width:300px;">
<option value="selecciona">Selecciona...</option>
<option value="selecciona2">Selecciona 2</option>
</select>
<select class="caso2">
<option value="selecciona">Selecciona...</option>
<option value="selecciona2">Selecciona 2</option>

</select>
<select class="3">
<option value="selecciona">Selecciona...</option>
<option value="selecciona2">Selecciona 2</option>
</select>
<select class="4">
<option value="selecciona">Selecciona...</option>
<option value="selecciona2">Selecciona 2</option>
</select>
<select class="5">
<option value="selecciona">Selecciona...</option>
<option value="selecciona2">Selecciona 2</option>
</select>
<select class="6">
<option value="selecciona">Selecciona...</option>
<option value="selecciona2">Selecciona 2</option>
</select>
<input class="submit" type="submit" value="Submit">
</form>

css:
#motour .research form .1{width:300px; background: transparent;}

#motour .research form .caso2{width:110px; float:left;}

#motour .research form .3{width:240px; float:left;}

#motour .research form .4{width:85px; float:left;}

#motour .research form .5{width:141px; float:left;}

#motour .research form .6{width:85px; float:left;}

#motour .research form .submit{width: 100px; float:left;}


Aclaración: Como ya os podeis imaginar, el form esta dentro de otro div de la clase research, que a la vez este esta contenido en otro div de id motour.

P.D: He probado de meter el estilo inline, pero tampoco me hace caso, un punto extraño es que aunque me muestre el ancho estandard solo puedo seleccionar las opciones si clico en su tamaño 'real'(el impuesto en el css).


Un saludo y gracias