Transparent header not working in IE9

minor9

So I've changed the background-color for #header to transparent.
Underneath the header I have a fullwidth layerslider with a big image in it, positioned with a negative margin-top, so it actually goes UNDER the header.
With the #header background set to transparent - the image shines through underneath the header, which is what I wan't.

This is in Chrome. However, in IE9, the only results I can produce is:
The body bg-color shines through the header, not the layerslider. It's like IE cut right through layerslider and goes directly to the background for the whole body.

Here's a screenshot from chrome, followed by one in IE.





What's going on here? Why won't it work in IE?

minor9

Solution, put this in the custom CSS:

#mid { overflow: visible; }


Man I'm sorry, haha! I've spent an hour trying to solve this problem, and of course I find the solution 30 seconds after writing here! I believe this happened sometime before too

Ah well...

Air

minor9 said: and of course I find the solution 30 seconds after writing here!

This happens all the time:-) Sharing your problem brings your mind to better solutions:-)

Thanks for info and topic.

Have fun:-)

With regards.