Make Header Transparent on Twentyeleven theme

Question

I have searched for an answer and haven't found anything that helps with my problem. I am using a child theme for twentyeleven and I am trying to make the header transparent so that it absorbs the page background. I have done the following in my child theme css.

/* =Header
----------------------------------------------- */

#branding {
border-top: 0px; 
padding-bottom: 10px;
position: relative;
z-index: 9999;
background: transparent !important;

} 
#site-title {
margin: 0 auto;
padding: 5.9em 0 0 1.30em;
font-family: 'Abel', sans-serif;
text-align: center;
}
#site-title a {
color: #000066;
font-family: 'Abel', sans-serif;
letter-spacing: -5px;
font-size: 80px;
font-weight: normal;
line-height: 25px;
text-decoration: none;
}
#site-title a:hover,
#site-title a:focus,
#site-title a:active {
color: #000066;
font-family: 'Abel', sans-serif;
}
#site-description {
color: #000066;
font-size: 25px;
font-family: 'Abel', sans-serif;
margin: 0 0px 1.35625em .8em;
text-align: center;
}
#branding img {
height: auto;
display: block;
width: 960px;

}

If you see anything I could add, change or remove. Or know of some other kind of trick to do in other parts of the css, please let me know.

Thanks!

Answer 1

There are div's behind it that are making it have a background, if you send me a link I will tell you exactly what to do but I am guessing that this is one of the culprits.

#page {
     background: #fff;
}

Make that

background:transparent;