Verschobenes DIV

[Spellbreaker]

Moin!

Ich habe folgenden Code:

<div id="navigation">  
<ul id="navi">  
	<li style="padding:0px"><b>Kunden</b>  
		<ul>  
			<li><div class="menuitem" onclick="self.location.href='#'" onmouseover="this.style.cursor='pointer'"><a href="#">Neuer Kunde</a></div></li>  
			<li><div style="height:5px;"></div></li>  
		</ul>  
	</li>  
	<li style="padding:0px"><b>Projekte</b></li>  
</ul>  
<div style="position:absolute; right:5px;background:#FF0000;text-align:right">Muuuuh</div>  
</div>

Das CSS sieht folgendermaßen aus:

#navigation {  
	position: absolute;  
	top: 0px;  
	left: 0px;  
	height: 20px;  
	width: 100%;  
	background-color: #DDDDDD;  
	padding:5px;  
	padding-left: 40px;  
}  
  
.menuitem {  
	padding:3px;  
}  

Was ich gerne haben möchte, ist das das "Muuuh" rechtsbündig neben der Menüleiste steht. Aber es geht immer über den Browserrand hinaus.

Ich hoffe jemand kann mir nen Tip geben, danke schonmal im Voraus :)

lg,

Spellbreaker

[Tabellenkalk]

Moin!

Moin!

statt

right:5px;

würde ich
right: 6ex;
probieren. Das ist aber völlig ungestestet und nur aus der Erinnerung.

Gruß
Kalk