Dos elementos con la misma clase se ven diferentes en Firefox

Question

Tengo dos <hr> s con exactamente la misma clase, y no hay otros atributos en ninguno, que se ven iguales en Chrome, etc. Sin embargo, en Firefox, por alguna razón, el en la parte inferior de la página se ve normal, pero el de la parte superior es el doble de grueso.

¿Alguna idea? También estoy abierto a otras sugerencias si funcionan mejor para crear una línea negra de 2.5px de alto.

El problema está en cada página de http://www.duncannz.com - la línea negra en la parte superior parece demasiado gruesa en Firefox, pero la línea negra en la parte inferior está bien. Ambas líneas están bien en cualquier otro navegador.

Answer 1

Intente agregar height: 2px; no puede ser de 2.5px;

Si desea definir valores en decimales, intente con 2.5em. no puedes usar decimales con píxeles. Los decimales están bien en ems