CSS Fixes – Conditional Statements for IE and FF?

Hi everybody,

I’ve posted a couple threads recently and WPyogi, the volunteer moderator, was very helpful fixing a few rendering issues.

Now that I have Chrome where I want it, I need to get FF and IE looking the same. To do this, I’m thinking a conditional statement with special case CSS for FF and different versions of IE is the best way to go about this.

The main issues right now:

• Chrome – Is how I want it for the most part.
• IE 8 – Really messed up looking. Major work needed.
• IE 10 – Looks okay but the submit button is to the left instead of floating right.
• FF – Very close to Chrome, just need to change a few margins/heights/etc and I’ll be spot on
• ALL – The ‘join’ text in submit button won’t center vertically. Not sure why. I can replace with image if need be.

What’s the best way for me to go about doing this? Am I approaching this the right way with the conditionals?

Site:
playground. sea (please ignore) buck (please ignore) wonders (please ignore) . com (broke it up for search engine privacy – hope it works!)