Hai phần tử có cùng lớp trông khác nhau trong Firefox

Question

Tôi có hai lớp là <hr> s với cùng lớp chính xác và không có thuộc tính nào khác giống nhau trong Chrome. Tuy nhiên, trong Firefox, vì lý do nào đó, ở dưới cùng của trang trông bình thường, nhưng cái ở trên cùng thì dày gấp đôi.

Bất kỳ ý tưởng nào? Tôi cũng mở các đề xuất khác nếu họ làm việc tốt hơn để tạo một đường màu đen cao 2,5px.

Sự cố xảy ra ở mọi trang của http://www.duncannz.com - đường màu đen ở trên cùng trông quá dày trong Firefox, nhưng đường màu đen ở phía dưới vẫn ổn. Cả hai dòng đều tốt trong mọi trình duyệt khác.

Answer 1

Thử thêm height: 2px; không thể là 2,5px;

Nếu bạn muốn xác định giá trị bằng số thập phân, hãy thử với 2.5em. bạn không thể sử dụng số thập phân với pixel. Số thập phân là tốt trên ems