Problem with <SELECT> not appearing the same in IE & Firefox with CSS

[PureSoft]

Hi,

I'm trying to do a simple drop down, styled by CSS which looks uniform in IE and Firefox.

Here is a sample page

http://www.puresoft.co.uk/select.htm.

For some reason the Firefox browser seems to want to make the drop down have a 3D border. How can I remove this look, so its flat, like the IE display?

here is what i have for the class in the style sheet

.shop_by_brand_root {
BACKGROUND-COLOR: #7FA3C2; FONT-FAMILY: Arial, Verdana, Helvetica ; font-weight: bold; COLOR: #F2F2F2; FONT-SIZE: 11px; margin-left:16;
}

Thanks for your help.

Philip

 

[BillyRayPreachersSon]

Im not sure you can. Select boxes (and many other form elements) cannot be styled as freely as non-form elements in some browsers.

Dan


[tt]D'ya think I got where I am today because I dress like Peter Pan here?[/tt]

 

[tsdragon]

Select boxes, in particular, are problematic because they are "windowed" controls.

Tracy Dryden

Meddle not in the affairs of dragons,
For you are crunchy, and good with mustard.