CSS radial gradient crashes FireFox

[dieselv2]

I am using radial gradients to create a dotted background style for my website. The radial gradient that I use in my CSS works fine in Chrome, but when I load the same webpage in FireFox, it crashes the browser, meaning that the browser does not respond and I have to use Task Manager to close it down. The CSS which I think causes the problem:\[code\]/* The background is coloured #97cdcd (blue), and the radial-gradient creates the dots which are placed on top of the background. */body{ background: -moz-radial-gradient(#a8d4e1 15%, transparent 16%), -moz-radial-gradient(#a8d4e1 15%, transparent 16%), #99c9d3; background: -webkit-radial-gradient(#a8d4e1 15%, transparent 16%), -webkit-radial-gradient(#a8d4e1 15%, transparent 16%), #99c9d3; background-color: #97cdcd; background-position: 0 0, 80px 80px; -moz-background-size:7px 7px; -webkit-background-size:7px 7px; background-size: 7px 7px;}\[/code\]