Linear gradient repeating in Safari?

Has a weird repeating-linear gradient issue in Safari. Works great in Chrome, but for some reason Safari is splashing out a mess. There doesn't even seem to be a repetitive pattern of what he's doing wrong.

CSS

div{
    background-image: 
        repeating-linear-gradient( 
            to bottom, 
            #f1f1f2, #f1f1f2 1px, 
            #ffffff 1px, #ffffff 30px, 
            #f1f1f2 30px, #f1f1f2 31px, 
            #ffffff 31px, #ffffff 59px, 
            #f1f1f2 59px, #f1f1f2 61px, 
            #ffffff 61px
        );
}

      

        
        
        
      

    

All other settings are default.

Here's where Safari comes back:

Thanks in advance for any advice!