I've seen a lot of advice on how to correct IE formatting errors. I'm wondering what is the best way to do it.

For example, I'm trying to get two images of different heights and set side by side, to line up on the bottom. I've put them in a table and set valign to bottom. In FF all is well while in IE one is 3 pixels higher. I know that I could correct this for IE by setting the margin-bottom in the CSS to -3px but that would throw FF off.

I've seen a number of ways to handle this including conditional CSS within the head of the html file and a PHP script that links different CSS files depending upon the browser. I would rather not maintain more than one version of the CSS for any given project and I would rather not spread the CSS out, putting some in the html.

Would anyone here like to chime in on their favorite method? I know there are others.