CSS Однолинейный градиент

Question

Я снова испытываю проблемы с ужасным IE.

Я создал отдельный разделитель строк, который отделяет разные элементы на странице. Сам код отлично работает в браузерах webkit, но я не могу воспроизвести эффект в IE. Я попытался использовать генераторы градиента CSS, но они не реплицируют эффект затухания.

Мой код ниже

#home-single-line { 
margin: 25px 0; 
height: 1.4px; 
background: white; 
background: -webkit-gradient(linear, 0 0, 100% 0, from(#123f67), to(#123f67), color-stop(50%, #fff)); 
position: absolute; 
top: 55px; 
left: 580px; 
width: 550px; 
} 

эффект я пытаюсь достичь можно увидеть здесь

и цвет фона цвет фона я использую на моем сайте

Пожалуйста, помогите, IE будет смертью меня!

Спасибо за ваше время.

Answer 1

Используйте элемент <hr> и настройте его. См. Код CSS Tricks для вашего примера, он выглядит идентично: http://css-tricks.com/examples/hrs/