hrタグのcssでハマった

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

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

モーダルウインドウの外側をクリックで閉じたい

タイトル通りなのですが「特定エリアの外をクリック」という判定が意外と難しく、苦労しました。
結局、モーダルウィンドウの上下左右にダミーのdivを配置して、それをクリックしたらモーダルを閉じるという処理で対応しました。

————————–
20190510追記
背景に全画面の平面を敷けばいいだけでした…