I am having trouble with three parts of a site I am building for a client. The site is http://rayjs.argentcor.com and is currently just a splash page for a company, so none of the links should work. Everything looks great in Firefox, but when I view the site in other browsers, problems pop up.
1.) When I view the site in IE8, the feature/slider image on the page is about 250px below where it should be. I've been able to play with the code in IE's development browser, but I cant figure out how to make it stick that way. I tried an IE-Only Conditional Style, but I think that the other style is still overriding it. (I also used a feature on the Theme I'm using, which is Platform Pro, that should fix the compatibility problems with IE). If I use this code, will it be alright for regular visitors, or do I need to hardcode a fix into the CSS?
2.) When I view the site in Safari, my background image is missing and the background color is gone. It's like Safari doesn't even notice my body CSS.
3.) Also in Safari, the footer of the document is missing. I had this problem with another wordpress site, but I was able to fix that. But I didn't right down HOW I fixed it.
Any assistance on these issues would be greatly appreciated.