Убрать border

[Temiks]

Здравствуйте, подскажите как можно убрать эту границу?

Код можно посмотреть тут: jsfiddle

--

Пробовал через псеводоэлементы :before, :after - не получилось.

Так же через отрицательный z-index - но думаю, это не верное решение

[Sergik+]

border-bottom: none;

  сорри туплю (

Edited August 30, 2014 by Sergik+

[Temiks]

border-bottom: none; сорри туплю (

Да можно было бы и не только таким способом, а еще и margin-bottom: -1px; но все дело в position: absolute;

[Z1gnet]

задайте ссылке позиционирование и поднимите ее по z-index. вот так:

.header-nav-fl{    position: relative;    z-index: 2;}

[Temiks]

задайте ссылке позиционирование и поднимите ее по z-index. вот так:

Спасибо большое!

[Temiks]

Немного изменилась ситуация, теперь нужно сделать несколько выпадающих окон разной ширины (одно примерно 300рх, другое - на всю ширину экрана.)

Пример:

 

Метод Z1gnet теперь не подходит.

Решил проблему с дописыванием лишней строчки:

<span class="border-none" ></span>

и задал ему стиль:

.border-none {   display: none;   width: 100%;   height: 2px;   background: lightgray;   position: relative;   bottom: 0px;   z-index: 2;}

Можно ли обойтись без дополнительного дописывания span'a?

Выпадающему списку нельзя поставить z-index: -1;

Код можно посмотреть тут