IE Select Box option element height not working

Question

select item option lists are not showing properly in IE.

need to add padding and height for option element. Does any one knows how to fix this?

CSS

.reser_item_long select {
width: 106%;
width: 106.5%\9;
height: 33px;
*height: 33px;
float: left;
text-align: left;
border: none;
outline: none;

background: none;
cursor: pointer;
overflow: hidden;
text-transform: uppercase;
font-size: 10px;
color: #889099;
color: #889099\9 !important;
padding: 9px 0 0 7px;
padding: 0 0 0 7px\9 ;
padding: 0 0 0 7px\0/;
display:block;  
(-bracket-:hack;
   padding: 2px 0 0 7px ;
);

}

HTML

    <div class="reser_item_long">               
    <div class="select-wrapper">
    <select id="cmb-country" name="cmb-country">
    <option value="-1">Please Select a Country</option>
    <option value="0">Afghanistan</option>
    <option value="0">Åland Islands</option>
    <option value="0">Albania</option>
    <option value="0">Algeria</option>
    </select>
    </div>
    </div>

Answer 1

There is no work-around for this aside from ditching the select element