>Have you tried to define each side of the border separately?

IE, in non HTML 5, uses the OS component. So, we have limited control over the style of the select control. We can change the font, the size and the color. That's pretty much it.

I did try your suggestion however:

select
{
   font-family: Arial, Helvetica, sans-serif;
   font-size: 9pt;
   border-top: 1px solid #CCCCCC;
   border-left: 1px solid #CCCCCC;
   border-bottom: 1px solid #CCCCCC;
   border-right: 1px solid #CCCCCC;

But, this did not change anything.

One idea I found on the net is to extrapolate.

select
{
   font-family: Arial, Helvetica, sans-serif;
   font-size: 9pt;
 
/* For as long as we are not HTML 5 */
   filter: 
    progid:DXImageTransform.Microsoft.dropshadow(OffX=-1, OffY=0,color=#CCCCCC)
    progid:DXImageTransform.Microsoft.dropshadow(OffX=1, OffY=0,color=#CCCCCC)
    progid:DXImageTransform.Microsoft.dropshadow(OffX=0, OffY=-1,color=#CCCCCC)
    progid:DXImageTransform.Microsoft.dropshadow(OffX=0, OffY=1,color=#CCCCCC);

}

This works. The 3D is gone. But, the color does not take effect. I am looking at that presently.