Layout-- Banner with navigation links

Here are the homework directions for this page.

This layout has...

• One 'banner' box with a background image (of seals),
• One 'navbar' box positioned on top of the banner box (with a 'pillow' box inside of it).
• A 'maincontent' box for the text, that follows in the normal flow after the banner box.

Why a background image for the banner?

The whole layout is flexible. By setting the banner image as a background image, it is automatically "cropped" to be no larger than the width of our #content container.

A .pillow division?

Watch what happens when you position the navbar layer and give it a width of 100%, and then try to put the padding on the #navbar division.