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