What are some tool to help uncover why for instance FF is rendering a page differently than chrome ie and safari. My issue is simply the images along the left side of my main body get stretched to the length of the page only in FF every other browser renders in perfectly!
If anyone cares to see the difference
http://tinyurl.com/7vkcvn5
Works in everything but FF
I sometimes have luck running a page that is exhibiting quirks through a validator just to check that there isn’t a typo or something triggering the problem. Try http://validator.w3c.org/. Your page has many validation errors in it, so that could explain the rendering quirks. (Some people argue, correctly in my opinion, that in some situations validation errors are OK. This doesn’t strike me as one of those situations.)
Might not answer your specific alignment issue, but for differences in browser support, I usually go to http://quirksmode.org/ and http://caniuse.com/. To find polyfills to patch over browser differences, I usually go to http://html5please.com/.