#navigation{
height:2.2em;
line-height:2.2em;
width:780px;
margin:0 0px;
background:#0000C1;
color:#ffffff;
border-left: 0px solid #000000;
border-right: 0px solid #000000;
}
Dein wrapper hat 780px Breite und die Navi ebenfalls.
Nimm für die Navie einen kleineren Wert, z.B. 180px und verpasse ihr noch ein
Im Anschluss an die Navi füge einen div #content für den Inhalt ein. Der braucht dann eigentlich keine bestimmte Breite, weil er sich automatisch an den zur Verfügung stehenden Restplatz anpasst.
PS: Was soll eigentlich der height-Wert in #navigation? Ist eh zu gering, kannst du löschen, ebenso die margin-Angabe, wenn die Werte auf 0 stehen.
Auch die border-Angabe ist überflüssig, denn beorder "0" ist kein Rahmen und das ist die Standardeinstellung.