HI,
I could do with a bit of css help applying specific rules for these browsers. On http://webstrategymarketing.com the signup button on the top right hand side of the page drops down in IE Safari and Chrome. How can I add specific rules in the css file to correct this.
Any help would be greatly appreciated.
There are various browser-specific hacks that you can use, a quick google search will turn up a few. Some work well, others not so much.
I personally like this method a lot. It's a browser-sniffer for WordPress. You add a snippet to your functions.php file and it appends a class for the browser to the body class.
http://www.wprecipes.com/how-to-detect-the-visitor-browser-within-wordpress
so, at the very end of your theme's style.css file, you would add rules something like this..
body.safari .gform_footer {margin:10px}
body.chrome .gform_footer {margin:15px}
body.ie .gform_footer {margin:8px}That way, you have browser-specific rules without resorting to hacks.. you just base the new rules on inheritance from the body class.