I would like to use Gradients & Drop Shadows in my design, considering that any browser except Chrome is going to perform a poor presentation of my website, what would be the best way to maintain a similar look accross browsers?
My Solution: "Use PNG with transparency to create gradiants and filters, detect the problematic browsers and redirect them to the solution website,
Concern: Loading time for all these images to load into buttons & backgrounds.
Any other solutions or ideas?
You've pretty much nailed it there. CSS Filters is supported in all Webkit browsers (so you can include Safari in your list), but other browsers... not so much.