У меня проблема с границей: перед псевдоэлементом

Question

Я пытаюсь создать вторую границу, используя элемент: before pseudo, чтобы моя очистка была чистой. Тем не менее, у меня возникают проблемы с тем, чтобы он работал правильно. Возможно, вы могли бы пролить свет на этот вопрос? Граница должна быть 5 пикселей в высоту и должна быть размещена над основным заголовком.

Вы можете просмотреть код в реальном времени на http://anelegantdesign.com/issue - Я ценю любую помощь, которую вы можете мне дать.

EDIT: Граница должна выглядеть следующим образом: http://screencast.com/t/hUDBvDiL

Answer 1

Не уверен, что я понимаю ваш вопрос, но причина, по которой #site-header:before не было видно, потому что он имеет z-index:-1. Когда я изменил его на ноль, он появился.

Это то, что вы пытаетесь сделать?