Search code examples
htmlcssmozilla

background color is not working in Mozilla and IE

I am in a design issue please help me to find a solution. here is my page This is working fine in Google chrome but background-color: transparent; in header is not working on Mozilla and IE and it shows a white background on my header.

I have tried by giving position:static but is not working for me. please help me.

Solution

  • Add overflow: hidden to your #header_main class and it eliminates the issue.

    So.. it would look like this:

    #header_main{
z-index: 1;
border-top: 3px solid #FFF;
background: url("http://australian.webeteerprojects.com/wp-content/uploads/2015/04/header-back.png") no-repeat scroll center top / 100% 100%       transparent;
overflow: hidden;
}