Russ, you could support older versions of ie, but you would need more markup. An example of an old technique (sliding doors) can be found here: http://www.jankoatwarpspeed.com/post/2008/04/30/make-fancy-buttons-using-css-sliding-doors-technique.aspx (The example uses pngs. png 24 with alpha transparency doesn't render correctly on ie versions before 7, so for those you wold need png8 or gif images.)
I'd keep it in conditional comments, to avoid loading unecessary images on more capable browsers, specially mobile ones. (and if you are using server side includes, you can add that adicional markup just for older versions of ie). Form elements render differently in different browsers. You can use somthing like http://necolas.github.com/normalize.css/ to aproximate browsers buttons representation across browsers before you start styling them. At least, box sizing should be coherent: (-moz-box-sizing:content-box; -webkit-box-sizing:content-box; -ms-box-sizing:content-box; box-sizing:content-box;) I'm not sure how piky your marketing department is, but if the font is important, you may also need to use webfonts ( http://www.google.com/webfonts/ or http://www.fontsquirrel.com/). As for modern browsers, most before mentioned css techniques will work just fine, it is more a question of convenience and range of support needed, you can check http://caniuse.com/<http://caniuse.com/#feat=css-boxshadow> for it. For instance, according to "can i use", Safari on ios (ipod, iphone, ipad) will not apply box shadow to form input elements, opera mini does not support border radius (round corners), and so on. All in all, you'll need a color background and a border-radius (most browsers and ie9 support it), and: if your background is white and you can live with a white border arround the button, a double border of 5 or 6 px will work, otherwise, you can style ie9 with a zero blur box shadow and a 0 width outline on a conditionally commented css call, and the rest of the browsers with a negative offset on a white outline. Hope it helps, isabel ______________________________________________________________________ css-discuss [css-d@lists.css-discuss.org] http://www.css-discuss.org/mailman/listinfo/css-d List wiki/FAQ -- http://css-discuss.incutio.com/ List policies -- http://css-discuss.org/policies.html Supported by evolt.org -- http://www.evolt.org/help_support_evolt/
