Internet Explorer display issue header / footer

Hello

I have modified the storebox template. The goal was to switch to a dark header and footer. Got it working in most browsers except Internet Explorer 7 and at least 8. The background color doesn`t apply to the full header. I have all modifications inside override.css (a bit messy at the moment). Could you have a look and see what is going wrong? I suspect it is a margin/padding issue somehow as it is most of the time but I can`t find it. Any input is appreciated. You can check it at develop.studiomakeup.ch. I have also attached two screenshots because you won`t see it in most other browsers.

Thank you.

Please try to add:
#gkFooter {overflow: hidden}
to current #gkFooter declaration.
It worked well with my IE8.

Thanks, that solved the issue with the footer. When I apply it to the header as well, the background is also displaying correctly. However, the drop down then stops showing. Do you have an idea how I could solve the issue with the header?

I didnt change anything in header, because in ie8 it looked exactly same as in Chrome.
overflow:hidden when attached to an element makes nothing from it's inside goes outside. Also drop downs, which usually goes outside parent element will be cut off.
If You could post screenshot of your header that looks wrong, and same header from other browser that looks right, Ill look at it again.

screen1.jpg in the first post shows the header issue. The logo gets cut off and the navigation is not visible except the active link. The background of gkHeader is set to black but IE8 does not show all of the background color. Will try to make another screenshot that shows the issue in a better way.

Please add this:

Code: Select all

#gkHeaderNav h2 {overflow: hidden;}


and tell me if it helped anyhow.

Unfortunately not. I suspected it would be an issue with the padding of gkHeaderNav but modifying that did not help either.

You can close this topic. I gave it a fixed height since we will not use the responsive design on the site. It is displaying as we wanted it to.