title: -webkit-text-fill-color: transparent; not working in Safari 7.1.7
body: <p>I have an ul with several li.</p>
  
  <p>I use this id on the ul.</p>
  
  <pre><code>#list {
  margin-right: auto;
  margin-left: auto;
  width:500px;
  color:black;
  background: -webkit-linear-gradient(#000, #909090);
  -webkit-text-fill-color: transparent;
  -webkit-background-clip: text;
  }
  </code></pre>
  
  <p>The contents of the ul receive a gradient treatment just fine in Chrome but not Safari. In Safari, all of the li are "invisible". If I inspect and then disable the "-webkit-text-fill-color: transparent;", the text will become visible albeit without the gradient (obviously).</p>
  
  <p>Thoughts?</p>
  
  <p>Here is the JSfiddle: <a href="https://jsfiddle.net/s96bzcua/" rel="noreferrer">https://jsfiddle.net/s96bzcua/</a></p>
  
  <p>Kind regards,</p>