title: Linear gradient percentages vs pixels
body: <p>I have two examples, both of which to my knowledge should be identical.</p>
  
  <p>The percentages are calculated based on the width which is <code>960px;</code></p>
  
  <p>Here's the pixel version, which seems to work great. </p>
  
  <pre><code>.pixel {
      background-color: #111111;
      background-image: linear-gradient(90deg, transparent 40px, #444 20px );
      background-size: 60px, 950px;
      background-position: 10px, 10px;
  }
  </code></pre>
  
  <p>However the identical percentage based gradient doesn't work:</p>
  
  <pre><code>.percentage {
      background-color: #111111;
      background-image: linear-gradient(90deg, transparent 4.1666%, #444 2.08333%);
      background-size: 6.25%, 98.95833%;
      background-position: 1.04167%, 1.04167%;
  }
  </code></pre>
  
  <p>I want to use percentages so that this gradient is fluid when the container shrinks size.</p>
  
  <p><strong>DEMO:</strong> <a href="http://jsfiddle.net/shannonhochkins/A3Z2L/3/" rel="nofollow">http://jsfiddle.net/shannonhochkins/A3Z2L/3/</a></p>