Question

This works in Firefox, but for some reason the gradient doesn’t apply in Safari. Any ideas?

#footer .buttons .btn {
    width: 110px;
    height: 61px;
    background: #BAE9FF;
    -moz-border-radius: 15px;
    border-radius: 15px;
    background: -moz-linear-gradient(top, #BAE9FF 0%, #2081D6 100%);
    background: -webkit-gradient(linear, left top, left bottom, colorstop(0%,#BAE9FF), colorstop(100%,#2081D6));
}

Answer 1

Simply change colorstop to color-stop inside -webkit-gradient.

How on earth did you manage to remove those hyphens?

Live Demo

---

I recommend you use this site to generate your CSS3, that way you can’t go wrong:

http://css3generator.com/