Проблема с background-image в IE

[ishurgaya]

Здравствуйте.  

 

Почему в IE так показывает линейный градиент : 

  .line-top:before {   content: ""; position: absolute; bottom: -1px; left: -1px;   top: 0px;   width: 1px;   background-image: -webkit-gradient(linear, 0 100%, 0 0, from(#01a4a4), to(#104387));   background-image: -webkit-linear-gradient(#104387, #01a4a4);   background-image: -moz-linear-gradient(#104387, #01a4a4);   background-image: -o-linear-gradient(#104387, #01a4a4);   background-image: linear-gradient(#104387, #01a4a4);  }

А если нужно его сделать влево или вправо , то не показывает :

 .line-right:after {   content: ""; position: absolute; bottom: -1px; left: -1px;   right: 0px;   height: 1px;   background-image: -webkit-gradient(linear, 0 0, 100% 0, from(#01a4a4), to(#104387));   background-image: -webkit-linear-gradient(left, #01a4a4, #104387);   background-image: -moz-linear-gradient(left, #01a4a4, #104387);   background-image: -o-linear-gradient(left, #01a4a4, #104387);  background-image: linear-gradient(left, #01a4a4, #104387);   }

Нижний класс корректно показывается во всех браузерах кроме IE. 

Он не понимает left и right в background-image?

 

Как заставить работать?

Edited August 16, 2015 by ishurgaya

[sigma77]

background-image: linear-gradient(to left, #01a4a4, #104387); 

[ishurgaya]

спасибо. работает!