IE Select Box option element height not working
css, html
Solution
There is no work-around for this aside from ditching the select element
Problem
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> ```