CSS: normalizzare l'elemento hr

L'elemento hr è un vero e proprio "fossile vivente" nel senso che esiste praticamente fin dalle origini dello standard HTML (definito con precisione nelle specifiche HTML 4). Il problema è che le specifiche CSS non definiscono alcuno stile predefinito per questo elemento, quindi il suo layout è definito nel foglio di stile predefinito dei browser.

Per normalizzare questo elemento, ossia per consentirci di applicare degli stili in modo coerente, possiamo usare la seguente soluzione:

hr {
    -moz-box-sizing: content-box;
    box-sizing: content-box;
    height: 0;
}

Questa soluzione risolve dei problemi di rendering in Firefox. Tuttavia la parola "problema" non va intesa come sinonimo di bug, in quanto mancando le specifiche ufficiali tutte le soluzioni dei browser sono da considerarsi valide.