Horizontal Rule styling in IE11 – dotted border issue

[andrewfoster80]

Hey everyone,

I guess I shouldn’t be surprised, but I’m having a strange issue with IE 11.

Using horizontal rule elements in a WordPress theme, and these are styled to use a 1px dotted border. Works fine in most browsers, but IE 11 renders the line as a series of graduated dotted lines, rather than full width.

check this out in IE11 – http://jsfiddle.net/andrew_blubase/2n4Qz/1/

If you change the border width to 2px, it is fine.

With the lack of conditional stylesheet support now, I am at a loss as to how to fix this.

Any ideas?

thanks

[Paulie_D]

Works fine in most browsers, but IE 11 renders the line as a series of graduated dotted lines, rather than full width.

Not sure what this means….looks fine in my IE11

[andrewfoster80]

hmmm, not sure why it is just me then.

this is what I get (screenshot)

[Paulie_D]

Must be something else going on.

Do you have a live link that’s NOT Jsfiddle?

[andrewfoster80]

here you go

[Paulie_D]

Nope…still fine in my IE11 (W7, 64bit)

[Author]

Posts