hrタグのcssでハマった

いつもIEの愚痴を言っていますが今回はfirefoxです。
ごくまれにhrタグで罫線を描くことがあるのですが、dottedやdashedでデザインを当てるとfirefoxだけにじみます。
デフォルトの罫線に指定したcssがさらに重なって表示されるような感じでした。

リセットすればいいのかと思ったのですが、よくわからず…
仕方ないのでhrでなくdivで指定して回避しました。

IEとの終わりなき死闘

さてさて、今日も悩まされました。IE11です。
Win7のIEとWin10のIEでレイアウトが変わるという何とも理解しがたい現象でしたが、原因は「游明朝」でした。

Win8.1・Win10のIE11で、游書体(游明朝・游ゴシック)の余白がおかしい!どうする?

游ゴシックでもレイアウトが変わるようですね。
もうマジで勘弁して下さい。