I have a site that I am working on for a huge client but I have ran into a simple browser compatibility issue that I can't seem to solve no matter what I do.
http://www.ddsx.com/miracle/
In Firefox the site appears to be fine, that is how I want it to be in all browsers.
The problem I am having is in IE7 where the header has this obnoxious shadow under it, which does not appear in Firefox. I have tried several things but they do not appear to work. In IE6 it looks like a total joke which I will be hoping to fix in the future.
Considering the client uses IE as their main browser I need to get this fixed for them as soon as possible.
Btw the site is still under construction for the most part, so anything else that appears wrong will be fixed. I just need to know a simple CSS fix to get rid of the damn shadow under the header.
This site is running on Joomla v1.5. I am new to using Joomla, but so far I think I have done a decent job. This site is running on a custom template designed by me using the clients strict specifications.
http://www.ddsx.com/miracle/
In Firefox the site appears to be fine, that is how I want it to be in all browsers.
The problem I am having is in IE7 where the header has this obnoxious shadow under it, which does not appear in Firefox. I have tried several things but they do not appear to work. In IE6 it looks like a total joke which I will be hoping to fix in the future.
Considering the client uses IE as their main browser I need to get this fixed for them as soon as possible.
Btw the site is still under construction for the most part, so anything else that appears wrong will be fixed. I just need to know a simple CSS fix to get rid of the damn shadow under the header.
This site is running on Joomla v1.5. I am new to using Joomla, but so far I think I have done a decent job. This site is running on a custom template designed by me using the clients strict specifications.





