css - Linear gradient in safari not working -

linear gradient background property not working in safari browser.i tried -webkit- prefix no result. what's wrong?

here code:

html:

 <header>     <div class="container">       <div class="logo">       <img src="images/logo.png" alt=""/>       </div>    </div> </header> 

css:

.container{max-width:1550px;margin:0 auto;border:1px solid red;} .clear{clear:both;} header{width:100%;float:left;position:relative;background:linear-gradient(to right,  #e9eae2 0%,#e9eae2 59%,#7acec3 59%,#7acec3 100%);background:-webkit-linear-gradient(to right,#e9eae2 0%,#e9eae2 59%,#e9eae2 59%,#e9eae2 100%);} .logo{float:left;} 

try using prefixes linear-gradient:

background: -moz-linear-gradient(0deg, #e9eae2 0%, #e9eae2 59%, #7acec3 59%, #7acec3 100%);/* ff3.6+ */ background: -webkit-gradient(linear, 0deg, color-stop(0%, #e9eae2), color-stop(59%, #e9eae2), color-stop(59%, #7acec3), color-stop(100%, #7acec3));/* chrome,safari4+ */ background: -webkit-linear-gradient(0deg, #e9eae2 0%, #e9eae2 59%, #7acec3 59%, #7acec3 100%);/* chrome10+,safari5.1+ */ background: -o-linear-gradient(0deg, #e9eae2 0%, #e9eae2 59%, #7acec3 59%, #7acec3 100%);/* opera 11.10+ */ background: -ms-linear-gradient(0deg, #e9eae2 0%, #e9eae2 59%, #7acec3 59%, #7acec3 100%);/* ie10+ */ filter: progid:dximagetransform.microsoft.gradient(startcolorstr='#e9eae2', endcolorstr='#7acec3', gradienttype='1'); /* ie */ background: linear-gradient(90deg, #e9eae2 0%, #e9eae2 59%, #7acec3 59%, #7acec3 100%);