JS solution for cross-browser HTML/CSS standardization?

[fleshins]

Sup everyone - I'm relatively new to the web design scene. What I'm running into, and what everyone else appears to be struggling with, is maintaining one HTML/CSS code base and having the site look/behave the same way across browsers (mainly just IE / Firefox / Chrome).

All I see are "CSS hacks" and "write for Mozilla, then tweak for IE" guidance. Are there other. possibly JS-based, solutions out there that are more elegant? I wasn't able to find any myself.

So far - "tweaking" for IE - has been a nightmare. Looking for a better way.

Thanks in advance for any guidance/direction you can offer up.

[forumfish]

Best things to study is how IE and Firefox translate Padding, Margins, Absolutes, Relatives, Floats. Once you master these, you can usually have 1 style sheet that takes care of everything and the ie style sheet with have maybe 1 or 2 changes. Don't stress yourself over having an IE fix sheet, just work on optimizing your code to a minimal ie sheet.