IE8, IE9 Select Box 초기화 도와주세요 채택완료

윗분들 말씀대로 곧 ie 지원이 곧 끊기는 마당이라 구 브라우저를 대응하기 쉽지 않을겁니다
아래소스는 숨김처리인데 완벽하게 감추는 것은 어렵고 그렇게 보이게끔 CSS로 처리할 수 밖에 없을 것 같네요.

<style>
    .styled-select select
    {
        border: 0 !important;  /*Removes border*/
        -moz-appearance: none;  /*Removes default style Firefox*/
        background: url('select_icon.png')  no-repeat;
        background-position: 179px 7px;
        text-indent: 0.01px;
        text-overflow: "";
        color: #FCAF17;
        width:200px;
    }

    .styled-select {
        width: 200px;
        height: 25px;
        border: 1px solid #FCAF17;
    }

    div select {
        z-index:1;
    }

    div:before {
        display: block;
        position: absolute;
        content: '';
        left: 188px;
        top: 8px;
        height: 18px;
        width: 19px;
        margin: 2px;
        background: white;
        z-index: 5;
    }
</style>
<div class="editor-field styled-select" style="width:200px;">
    <div>
        <select>
            <option value="1">1</option>
            <option value="2">2</option>
            <option value="3">3</option>
            <option value="4">4</option>
        </select>
    </div>
</div>