I've installed a custom banner on my blog but haven't been able to increase the header height to accommodate it. No matter what changes I make to the code the header height refuses to budge. (I posted my predicament on the Blogger support forum several days ago, but if anyone has a fix, he's keeping it to himself, lol.)

This is what the header looks like without the custom banner.

http://btemplates.com/2012/blogger-t...iereview/demo/

This is my blog with the custom banner.

http://funnyforeignmovieposters.blogspot.com.au/

As you can see, the banner overlaps the bottom of the header. I know I could shrink the banner so it would fit snugly in the header but it doesn't look nearly as good.

Here is the header code.

Code:
#header-wrapper {
    height: 158px;
 margin: 0 auto;
    text-shadow: 1px 1px 0 #000000;
}
#header-inner {
    margin-left: auto;
    margin-right: auto;
padding-bottom:0px
}
#header {
top: 7px;
position: relative;
    color: #FFFFFF;
    text-align: left;
}
#header h1 {
    font: 293% family,Lobster,Serif;
    letter-spacing: -1px;
    margin: 0;
    padding: 42px 51px 1px 81px;
    text-transform: none;
}
#header a {
    color: #FFFFFF;
    text-decoration: none;
}
#header a:hover {
    color: #FFFFFF;
}
#header .description {
    font: 100%/12px 'Shadows Into Light',Trebuchet,Arial,Verdana,Sans-serif;
    letter-spacing: 0;
    margin: -7px 0 0;
    padding: 0 14px 0 81px;
    text-transform: none;
}
#header img {
    margin-left: auto;
    margin-right: auto;
display: none;
}
Many thanks for your help!