To be honest with you, any time I hear "It works fine in x browser, but not in y browser", its a cue for me to run away screaming
. That holds especially true when you're building a company website, and I have to assume that you're working against some sort of hard deadline...You're not going to have time to learn the intricacies of CSS to such a degree that you'll be able to defeat the myriad problems caused by cross-browser issues.
Having said all that, and having looked at the page, which looks great in Firefox, my advice is to a.) contract a professional web designer...(I can be had!), or b.) Create separate stylesheets for each of the browsers you're concerned with rendering in, and focus on getting each to look right separately. Either way you decide to go is going to be a lot less headache than trying to figure out some way to render in both browsers identically. The silent third option here is to just leave the differences alone and hope no one notices
QUOTE(andyb @ Oct 8 2008, 02:44 PM)
We had someone working on our site who quit midway through and now I am trying to finish it with my extremely limited knowledge.
here is a page with the typical problems Link
1st problem - the main body has the shadows on the 2 sides. there is supposed to be a shadow on the top and bottom. For some reason the top and bottom shadows show up in IE but not Safari
2nd problem - the vertical border line separating the links on the left from the main body lines up to the bottom border in IE but not Safari
3rd problem - the right border does not align with the right side of the contact us border, again it aligns in IE but not Safari.
I am sure there are quite a few other problems too...
Any help would be appreciated.