Drop down arrow image not showing

I am trying to make the drop down arrow show up but it’s not working. :frowning:

.mainselection {
    overflow:hidden;
    width:160px;
    background: url("dropdown_arrow.jpg") no-repeat #ffffff 319px 2px;
    /* dropdown_arrow.jpg is a 31x28 image */
    float:left;
    font-size:12px;
    padding:4px 2px;
    border:solid 1px #aacfe4;
    width:200px;
    margin:2px 0 20px 10px;
}
select {
    border:0;
    background:transparent;
    width:200px;
    -webkit-appearance: none;
}


                                <label>Gender</label>
				<div class="mainselection">
				<select name="dropdown">
				<option value="Female">Female</option>
				<option value="Male">Male</option>
				</select>
				</div>

Thank you.

I fixed it. I wasn’t calling the right div!