Let’s assume you want to create a gradient background that starts at the top of the page and finishes at the bottom of your page header, i.e. is 100px tall. You can do this with a combination of CSS3 rules and avoid those ugly background images.
There’s a great page on the Mac site that lists exactly which CSS rules are supported by Safari. I’d love to see a grid of all major browsers and what CSS they support. While outdated, this CSS3 support grid is a nice start. Heck, maybe I’ll get off my duff and do one myself. If you know of a browser CSS or JS Support grid, leave a comment for everyone to share