Why is my banner not appearing on Magnetic Theme?

I am trying to put a custom banner on my website. The Magnetic Theme appeals to me. After putting code that I found from the knowledge base, the result can be seen at www.binarytrap.com. My banner is hidden behind the original blue banner or something. If I apply the same code using the Future Perfect theme instead, everything is fine. Am I missing something super simple?

Note: I know my current jpg is too small, but I wanted to test if I could make something appear first.

#banner
{
background: url(http://www.binarytrap.com/banner.jpg) no-repeat;
height: 55px;
}

#banner-inner { overflow: visible; padding: 0; }

#banner-header
{
position: absolute;
left: 0;
top: 0;
width: 100%;
height: 100%;
margin: 0;
padding: 0;
}

#banner-header a
{
display: block;
left: 0;
top: 0;
height: 125px;
text-indent: -1000em;
}

#banner-description
{
overflow: hidden;
width: 0;
height: 0;
margin: 0;
padding: 0;
text-indent: -1000em;
}