image class not working ..

image class

[Jimbob23]

I have used several image classes in my css to control the thickness of the border like so ..

img.left { border: #FF66CC solid 0.02em;
border-left: #FF66CC solid 0em;
border-top: #FF66CC solid 0em;
}
img.right { border: #FF66CC solid 0.01em;
border-right: #FF66CC solid 0em;
border-bottom: #FF66CC solid 0em;
}

But for some reason this doesn't sho up in Safari or IE5.2 (on the mac) and also I checked it on Opera 5, and it doesnt show the borders on the image?

any ideas?

thanks for your time.

[Span]

1. You're using the wrong order. Try: border:0.01em solid #ff66cc;

2. I think a border with the size of 0em isn't visible..

[drbrain]

And unless your font-size is huge, you won't see a .02 or .01 em border either.

You can check the validity of your CSS at [validator.w3.org...]

[Jimbob23]

I changed the order but to no-avail.

I also change the size to 0.05 em and it worked!

thanks for your time.

[g1smd]

Try: [jigsaw.w3.org...]

[drbrain]

g1smd: err, yes!

[g1smd]

The first one checks the HTML.

Useful link because both HTML and CSS should be checked anyway.