Minor CSS issues

[Sandstone-Shadow]

Alrighty, I'm trying to fix up my old stylesheets to work with the new ones. It's going well, but there's a few bugs that I can't work out. First I'll list some links that will help:

Page with the layouts
Default style CSS
Nostalgic Legends style CSS
Holiday Birds style CSS

My problems are this: on the Nostalgic Legends style, the banner doesn't show up, and I can't figure out why. Everything else is in order.

And on the Holiday Birds style, the links on the right menu are too far to the left... it seems trivial, but I'd like that fixed if I can... I sort of fixed this. Kinda.

And if it helps at all, here are pictures of what the layouts are supposed to look like:
Holiday Birds
Nostalgic Legends

Edit: I figured out that the banner shows up if I switch the position: attribute to position:relative; instead of position:absolute; but this shifts the rest of the layout; is there another way to fix the banner, or should I just switch it to position:relative; and adjust the rest of the layout? =/

Another edit: Fixed the problem. =D

 

[EvilCrazyMonkey]

This is weird.
If you put everything within the #container div in the #banner div also, the banner shows up, but if you put nothing in the #banner div, it disappears.
This worked for me:

<div id="container">
<div id="banner">
*everything else*
</div></div>

 

[Sandstone-Shadow]

Hmm. For some reason, that works for that style, but it messes all of the others up... =/

 

[Sandstone-Shadow]

Urgh, okay. I sorta fixed the Holiday Birds one (though the hover image doesn't line up and the link background color doesn't go all the way to the end of the headers like the left menu does... but that's trivial). I set the banner on Nostalgic Legends to position:relative; instead of position:absolute, and it shows up. The rest of the layout is pushed down, but I can fix that.

Now what happened is there's a horizontal scrollbar. Why is that there? o.o What in my coding is forcing that to appear?