CSS - Styling dropdown

gistfile1.css

//HTML part

<div class="select-wrapper">					
    <select id="search_filter">
	<option value='username'>Username (recommended)</option>
	<option value='lastname'>Lastname</option>
    </select>
</div>


//CSS part

select {
    border: 0 none;
    color: #3B3B3B;
    background: transparent;
    font-size: 20px;
    font-weight: bold;
    padding: 2px 10px;
    width: 250px;
    height: 30px;
    *width: 270px;
    *background: #DADADA;
    }

.select-wrapper {
	margin-top:10px;
    overflow: hidden;
    width: 250px;
    height: 30px;
    -moz-border-radius: 4px 4px 4px 4px;
    -webkit-border-radius: 4px 4px 4px 4px;
    border-radius: 4px 4px 4px 4px;
    box-shadow: 1px 1px 11px #000;
    background: no-repeat scroll 319px 5px #DADADA;
}