Text Header followed by picture header

[woodstrooper]

I am new to this stuff and it's way over my head. I'm trying to put a text header on my homepage and a picture banner on another page. It almost works. The home page looks good but the category page has both the text page and the picture banner on top of each other. And the menu buttons cover the bottom of the banner on the second page.

Here's what I wrote:

CSS

#my_banner {display:block;}


.category_Parkway_West_High_School_08-09 #my_banner {
width: 750px;
height: 157px;
margin: 0 auto;
background:
url(http://waylandsportsmoments.smugmug....47_R2NuH-O.jpg (http://waylandsportsmoments.smugmug.com/photos/503611247_R2NuH-O.jpg))
no-repeat;}

HTML

<div id="my_banner">
<div align="center">
<h1>Wayland Sports Moments - Sports Captured at It’s Best</h1>
<h2>www.waylandsportsmoments@charter.net</h2>
<h3>John Wayland - 373-3773</h3>
</div>

I've read a lot of messages and am just getting confused. I've checked out the banner tutorial and other threads but I'm lost. Can anybody help?

Website: waylandsportsmoments.smugmug.com

[jfriend]

It looks like it's working now. Did you figure it out or do you still have a question?

[woodstrooper]

Yes I do. Smugmug helped me fix it but now I've lost having my text banner on my Lou Fusz Boys and Lou Fusz Girls Galleries. Can you help?

[jfriend]

Yes I do. Smugmug helped me fix it but now I've lost having my text banner on my Lou Fusz Boys and Lou Fusz Girls Galleries. Can you help? It seems to be working fine here in both FF3 and IE7 in both those galleries. What is the issue?

[woodstrooper]

It seems to be working fine here in both FF3 and IE7 in both those galleries. What is the issue?
I got everything working with some help. Thanks for your interest in helping me.