مشکل در طراحی یک فیلد(html)

[m2n]

<div id="test">

<select style=" "  class="list" name="lang">
  <option>فارسی ---</option>
  <option>فارسی ---</option>
  <option>فارسی ----ی</option>
  <option>فارسی j</option>
</select>
</form>
</div> 

#test {
    background-color: #CCC;
    width: 120px;
    overflow: hidden;
    direction: rtl;
    margin-right: auto;
    margin-left: auto;
}
#test select {
    width: 140px;
    overflow: hidden;
    direction: rtl;
    border-top-style: none;
    border-right-style: none;
    border-bottom-style: none;
    border-left-style: none;
    background-color: #CCC;
    text-align: right;
}