CSS3 gradients are quite a complex topic due to the current inconsistencies among web browsers related to the various and different syntaxes in use. The following video tutorial explains very clearly the two most used syntaxes for working with gradients in Firefox and Webkit-based browsers (Safari and Chrome). With its newest release, Opera has introduced its support to gradients through a vendor-prefixed extension. You can find a useful tutorial here.
if mozilla user, we just changes -o- to be -moz-
xixixixi...
thanks for resource master \m/