title: repeating-linear-gradient not visible in some browsers
body: <p>I'm trying to draw a grid as a background of a <code>div</code> element. I just like to use css, so I decided to use <code>repeating-linear-gradient</code>. However, it seems that browser react quite different to this and either draw only very thin lines or none at all (worst seems to be Chrome, but also Firefox on a Mac (v21) seems to have some problems). I've created a jsfiddle <a href="http://jsfiddle.net/PwzNB/1/" rel="nofollow noreferrer">here</a> (if you can't see anything, try another browser (Opera seems to do best) or resize the result window).</p>
  <p>Is there anything wrong with the css code or does anyone know a workaround?
  <img src="https://i.stack.imgur.com/NcOjJ.png" alt="Firefox v21 (Mac)" /></p>
  <h2>css</h2>
  <pre class="lang-css prettyprint-override"><code>.grid {
      background-image: 
          repeating-linear-gradient(to right, transparent 1px, transparent 39px, red 40px, red 40px),
          repeating-linear-gradient(to bottom, transparent 1px, transparent 39px, red 40px, red 40px);
  }
  </code></pre>