width:100%;
Ein Blockelement ist standardmäßig immer 100% breit, die ausdrückliche Angabe ist nicht nötig.
#navi
{
position:relative;
right:0px;
width:775px;
bottom:0px;
padding:0px;
margin:0px;
}
[/code]
Mit position:relative kannst du ein Element ausgehend von seiner ursprünglichen Position im normalen Elementfluss verschieben. Für dein Unterfangen ist position:relative an dieser Stelle nicht brauchbar. Was du machen könntest:
Dem header-Container position:relative geben, aber keine Verschiebung vornehmen (kein top/bottom/left/right). Element bleibt also im normalen Fluss. Dann dem navi-Element position:absolute geben. Das wird dann relativ zum header-Container absolut positioniert. Dann kannst du mit right:0 und bottom:0 arbeiten.
Oder du benutzt float:left für #logo und float:right und ggf. margin-top für #navi.
Mathias