Блочный элемент со статичным расположением стал с абсолютным расположением
hr фактически не убираются а складываются в стопку одна линия на другую (например нельзя использовать прозрачность)
Элементу с абсолютным расположением нельзя задать ширину и высоту в %
Абсолютно позиционированный элемент фактически рисуется поверх последующих элементов в данном случае наедет на один пиксель.

Еще как вариант с помощью CSS эту разметку превратить в таблицу
hr как ячейке таблицы назначить высоту в 0 и с помощью border-colapse объединить все ближайшие границы в одну линию
но это дольше сложнее(лень) и не факт что сработает =)