To stop the text strecthing all the way across the screen you can use

Code: Select all

#main p
{
    width: 50%;
}

That will mean all <p> elements inside of the main div will take up 50% of the horizontal space.

As for the navigation in the top panel, yes you want to put it inside the #head div. If you want it to be along the bottom of the top div, give the #head a position: relative and use the following on a div inside the head with the id of #navigation.

Code: Select all

#navigation
{
    position: absolute;
    bottom: 0px;
    left: 0px;
}

Alternatively, if you are placing an image in your head area and want the navigation to appear underneath it, you only have to place the div after the <img without any position specified.