CSS3 repeating-linear-gradient rendering bug

Firefox https://bugzilla.mozilla.org/show_bug.cgi?id=644444, Webkit https://bugs.webkit.org/show_bug.cgi?id=94795

by Binyamin

CSS

html {
    height: 100%;
    background-image: -webkit-repeating-linear-gradient(315deg, rgb(231, 209, 156), rgb(231, 209, 156) 1px, transparent 1px, transparent 3px);
    background-image:    -moz-repeating-linear-gradient(315deg, rgb(231, 209, 156), rgb(231, 209, 156) 1px, transparent 1px, transparent 3px);
    background-image:     -ms-repeating-linear-gradient(315deg, rgb(231, 209, 156), rgb(231, 209, 156) 1px, transparent 1px, transparent 3px);
    background-image:      -o-repeating-linear-gradient(315deg, rgb(231, 209, 156), rgb(231, 209, 156) 1px, transparent 1px, transparent 3px);
    background-image:         repeating-linear-gradient(315deg, rgb(231, 209, 156), rgb(231, 209, 156) 1px, transparent 1px, transparent 3px);
    /* background-size: 4px 4px; */
}