Hi Micha,
dein Layout soll horizontal zentriert in der Seite so aussehen
____________________
| header |
|____________________|
| inhalt |
| |
| |
| |
|____________________|
| fuß (navi) |
|____________________|
richtig?
Nimm mal alle position, float, display, top und left Angaben raus. Dafür reichen 3 <div> tags und 1 <ul> im fuß. html und body kriegen width:100%, die <div> kriegen ihre Breite und margin links und rechts auto.
Für deine Linie verpasst du inhalt einfach border-bottom: 1px solid deinefarbe;
Für die navi kriegt die <ul> list-style: none; die <li> float: left; und die <a> display:block;
Was es mit der zweiten <ul> auf sich haben soll, müsstest du nochmal erklären.
Alle Infos, die du brauchst stehen ansonsten auch hier: CSS basierte Layouts
Gruß
Antipitch