Breite von Select innerhalb Div

[WernerK]

Hallo,

Eine Auswahlliste (<select>) ist innerhalb eines Divs.Die nachfolgenden Elemente werden mit float:left rechtsbündig angeordnet. Die Divs haben 190px Breite. Da das Select einen langen Inhalt hat, wollte ich die Breite separat festlegen mit dem Selector .main div select{

Es wirkt sich zwar die Hintergrundfarbe aus, nicht aber die Breite. Wenn ich hingegen das Select direkt mit der ID anspreche, kann ich die Breite schon verändern. Warum geht das nicht mit der Breite bei ".main div select" ?

    <div class="mainarea">
	<div>
        Auswahl<br />
        <select name="meinSelect" id="meinSelect">
         ....
         </select>
         </div>
         <div>
        <label for="txt_Monat">Monat</label>
	    <input type="text" name="txt_Monat"/>
         </div>
    	<br />
    </div>

.mainarea div {
  float:left;
  width:190px;
  padding: 2px; /* 0.3em */
}

.mainarea div select{
	width:150px;
	background:#F99;
}