css class does not work in IE but works for firefox

[silviasalsa]

Hello

i have created a class in .css file.

it is supposed to smooth out the lines for
the
input box
text area
radio buttons
and
select area.

so far in ie
there is no effect on

radio buttons
and
select area.

but it works on fire fox.

.the class is

.smoothout{
border:#030303 solid 1px;
}


how can i resolve this problem

currently they are running iIE here and the 2 (radio button and select are looks different on the borders.

thank you


the class is called by puting class = smoothout after the name

for example

<input name="Fname" class = "smoothout"
help

[Declan1991]

I can't be sure, but it probably has to do with how IE and the W3C differently interpret the border box model.
((You are closing your tags correctly, aren't you?))

[Fang]

border doesn't work on select in IE nor on radio in Fx

[silviasalsa]

You are closing your tags correctly, aren't you?))

what do you mean?

[silviasalsa]

border doesn't work on select in IE nor on radio in Fx

anywork around?

[Fang]

Fx has the non-standard -moz-outline
input[type="radio"] {-moz-outline:1px solid red;}

[drhowarddrfine]

Fx has the non-standard -moz-outline
input[type="radio"] {-moz-outline:1px solid red;}
But it does have the standard 'outline:1px solid red'.

[silviasalsa]

input[type="radio"] {-moz-outline:1px solid red;}?

this is for the radio?

hmm

it did not work in IE.

<input name="isM" input[type="radio"] {-moz-outline:1px solid red;}value="0" <cfif (isdefined("getV.isM") AND trim(getV.isM) EQ 0)>checked</cfif> /></td>

[Fang]

The attribute selector (input[type="radio"] ) will not work in IE6.
The declarations in the rule which work will depend on the browser.
To support IE6 & 7, Fx, Opera and Safari use input with class='border'
<style type="text/css">
input.border {outline:1px solid red;}
</style>
<!--[if IE]>
<style type="text/css">
input.border {border:1px solid red;}
</style>
<![endif]-->