border problem in IE

[palmertires]

In Firefox the border on my top navigation is displaying as I intended. In the style sheet I set the value for the border-width property to thin. How come IE does not accept this value?

Web Page (http://www.home.earthlink.net/~aimeelmarshall)

Have I made an error in the specifying the value?

[NogDog]

Running your page through the CSS validator (http://jigsaw.w3.org/css-validator/validator?uri=http%3A%2F%2Fwww.home.earthlink.net%2F%7Eaimeelmarshall&usermedium=all) comes up with some errors for using the color "brown". Try changing it to a RGB value or one of the valid color keywords (http://www.w3.org/TR/CSS21/syndata.html#color-units).

[palmertires]

Thanks for pointing that out. I was going to go back and fix that before I uploaded my stylesheet, but forgot. I guess it's better to do it the right way the first time, no shortcuts. But, the dotted border size problem is still there...is this a property IE doesn't recognize?

[NogDog]

Is the problem that the different browsers display different border widths for "thin"? If so, per the spec (http://www.w3.org/TR/CSS21/box.html#border-properties), "thin" is only defined such that thin <= medium <= thick; but, "The interpretation of the...three values depends on the user agent."

If this does not suffice for your implementation, then you could specify the width in units such as pixels:

border-width: 2px;

[palmertires]

:) Thanks! That does the trick. And, now I think I am understanding more about the values and what is used to specify, and interpretation of them by the user agent. I am learning something new everyday. Thanks for your help.

[NogDog]

Originally posted by palmertires
:) Thanks! That does the trick. And, now I think I am understanding more about the values and what is used to specify, and interpretation of them by the user agent. I am learning something new everyday. Thanks for your help.
You're welcome. :)