Formlarda Css Sorunu

Arkadaşlar css ile form dizaynında select elementinde büyük problem yaşıyorum..

Kodlar şu şekilde;
<form>
label {float:left;width:150px;margin-top:5px; clear:left}
li {float:left;list-style-type:none;display:block;width:100%;}
<ul>
<li>
<label for="ygs_turkce_dogru">Ygs Türkçe : </label><select id="secim" name="secim" value="2013-1"><option selected="selected" value="2013-1">İlkbahar</option><option value="2012-2">Sonbahar</option> </select>
</li>
<li>
<label for="ygs_matematik_dogru">Ygs Matematik : </label> <input id="ygs_matematik_dogru" name="ygs_matematik_dogru" size="4" type="text" /> <input id="ygs_matematik_yanlis" name="ygs_matematik_yanlis" size="4" type="text" /> 40 Soru
</li>
</ul>
</form>

select etiketi ile label etiketi aynı satırda durmuyor select aşağıya kayıyor nasıl halledeceğim..

Görüntü Şu Şekilde: