What is the best way to make sure this css works in all browsers? -

i taking on application has buttons css:

background-image: -moz-linear-gradient(center top , #049cdb, #0064cd); 

it looks beautiful in firefox looks mess in ie, etc

what best way take these firefox specific css , determine best way make same on browsers (just need ie8+)

this tool might useful tool you.

since css attribute still working draft of css , has legacy require lot of markup supported current situation. -moz- prefix 1 such isntance of providing support. other browsers required either standard, -ms-, -webkit-, -webkit-type or -o- prefix well.

you should out other spots in application you've taken on code hasn't been tested on other browsers.

link http://www.colorzilla.com/gradient-editor/