CSS border width doubled in IE

Question

Hi...got problems with my CSS style.

border widths doubled in IE, but in Mozilla, Opera, Safari, its ok.

here's my code:

.subPane{
border: #FF33FF thin dashed;
}

'thin' is like 1px in width, but when viewed in IE, its like 2px already.

:(

Answer 1

You might just want to specify the width as 1px rather than using a qualitative label. This will be respected by all browsers.

Answer 2

Try this :

.subPane{
border: 1px dashed #FF33FF;
}

http://www.w3.org/TR/CSS2/box.html#propdef-border