IE6/IE7 css border on select element

Question

Does anyone have a solution for styling the borders of \"select\" elements in Internet Explorer using CSS?

Answer 1

It solves to me, for my purposes:

.select-container {
  position:relative;
  width:200px;
  height:18px;
  overflow:hidden;
  border:1px solid white !important
}
.select-container select {
  position:relative;
  left:-2px;
  top:-2px
}

To put more style will be necessary to use nested divs .