How to make a dotted border to work in IE?

Hey!

I tried to make a dotted border-bottom style for my website and it looks really nice in Firefox but only as a normal line in IE. Is there any way to make it look dotted in IE too?

border-bottom-width: medium;
border-bottom-style: dotted;

Thanks!

 

IE <=6 does not support {border-style: dotted;}, and renders it as dashed. There is no fix. IE7 is said to have added that property value.

cheers,

gary

 

Ok. Thanks for the quick reply!

 

Sometimes when I don't want to compromise the design, I just use a dotted background image.

 

Thanks, that was a good idea. It looks much better now !

 

Actually, just use the Star HTML hack and give IE 5x and 6 a 2px dotted border:

#selector {
    border: 1px dotted #000;
}

* html #selector {
    border: 2px dotted #000;
}

Code (markup):

But that's just me *yawns* (it's getting late - time for me to head to bed).