Not sure what's going on here. I have some drop down select boxes that I'm trying to apply some right hand padding to, but its not being applied in any version of IE.

If I apply top, bottom, left and right padding, the other three are fine, which makes it all the more odd, as presumably IE is seeing the CSS correctly.

The page is here:

http://www.handprintwebdesign.co.uk/...new_jquery.htm

The main CSS is here:

http://www.handprintwebdesign.co.uk/...new_jquery.css

And the rule is :

Code:
.selectbox
{
  margin: 0px 0px 0px 0px;
  padding-left:10px;
  padding-right:10px;
  padding-top:10px;
  padding-bottom:10px;
  font-family:"Trebuchet MS", Arial, Helvetica, sans-serif;
  font-size:12px;
  color:#FFF;
  width : 167px; /* Resize Width */
  display:block;
  background-color:#999;
  
  cursor: pointer;
  border:1px solid #D1E4F6;
  height:20px;
  z-index:10;
}
If anyone can spot what's causing this that would be much appreciated, as its been driving me nuts!

Thank you. (and Happy Christmas!)