Nev: Layoutprobleme mit Divs und position:relaitv

Beitrag lesen

Hallo Community,
ich habe ein Problem und zwar will ich eine seite layouten:

+------+---------------+---------+
| Logo | Puffer        | Navi    |
+------+---------------+---------+
|                                |
| Content                        |

meine Divs:

<body>
 <div id="outer">
  <div id="header">
   <div id="logo">
   </div>
   <div id="navi">
   </div>
  </div>
 <div id="content">
 </div>
 </div>
</body>

also mein Div outer legt den Hauptteil der Seite fest (width: 80% ...).
Mein Div header beinhaltet logo puffer und navi

  
#header  
{  
	width:100%;  
	height:50px;  
}  

und meine Navi soll jetzt ganz rechts aussen und am Boden (die Navi ist ein bisschen kleiner als der header Teil) sein. Versuche es derzeit so:

  
#navi  
{  
	position:relative;  
	right:0px;  
	width:775px;  
	bottom:0px;  
	padding:0px;  
	margin:0px;  
}  

aber irgendwie funktioniert das nicht. Es sieht sogar so aus als wäre die Navi nciht einmal im Header Div. Getestet mit IE7. Hoffe ihr habt es soweit verstanden und könnt mit helfen.