Help with html for my website!

[mec120]

Hey everyone,
At the moment I'm coding a website but i'm stuck on something that I can't seem to figure out for the life of me. So I have got the navigation bar and all the links work fine but i'm trying to write text under the nav bar. The problem being the text goes onto the nav bar and binds to it so if I try and move it with css it brings the nav bar with it.

10px:
http://i1111.photobucket.com/albums/...ps6d95b5e7.png
50px:
http://i1111.photobucket.com/albums/...ps37ec652b.png

Source Code:

index.html
http://pastebin.com/bRMLcan0

main.css
http://pastebin.com/mA49Y3P4

[SB65]

Looks like you need to clear your floats after #navigation.

You can do this either by assigning overflow:auto to #navigation, or just adding clear:both to the element that comes after #navigation.