Styled select box CSS

by someprimetime

HTML

<div class="select_replacement">
   <select>
      <option>Option 1</option>
      <option>Option 2</option>
   </select>
</div>

CSS

body {
    margin: 20px;
}
#wrapper {
    width: 100px;
}

.select_replacement select {
    border:none;
    outline:none;
     -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
      overflow:hidden;
    width: 120%;
    cursor: pointer;
    height: 0;
  -webkit-appearance: none;
  -webkit-border-radius: 0px;
   width: 100%;
   padding: 5px;
   font-size: 16px;
   height: 30px;
    background: url('//du3ocw7zwu4no.cloudfront.net/global/chosen-sprite.png') no-repeat right;
-moz-background-clip: padding;
-webkit-background-clip: padding-box;
background-clip: padding-box;
border: 1px solid #C3C3C3;
border-bottom: 1px solid #E3E3E3;
border-top: 1px solid #A7A7A7;
color: #444;
    font-size: 12px;
    font-family: Arial;
   overflow: hidden;
}