momo: Menü Horizontal gleichmässig vertielen, auch Abstand

Beitrag lesen

Also ich versuche mein Menü gleichmässig über die Seite zu verteilen.
Es klappt einigermassen, doch ich will um jeden LINK einen Rahmen (border haben, der aber das ganze Feld ausfüllt, so das keinerlei Leerauhm zwischen den einzelnen Links, Borde rmehr ist:

Jett ist es so:
!link!!link!!link!!link!!link!

es sollte aber etwa sso sein...

!    link    !!    link    !!    link    !!    link    !!    link    !

<div id="content" >  
<ul>  
<li><a href="#">Menüpunkt</a></li>  
<li><a href="#">Menüpunkt</a></li>  
<li><a href="#">Menüpunkt</a></li>  
<li><a href="#">Menüpunkt</a></li>  
<li><a href="#">Menüpunkt</a></li>  
<li id="line">&nbsp;</li>  
</ul>  
</div>
#content {background:#ff0000;margin:0 auto;max-width:1200px; min-width:600px;width:90%;}  
ul{padding:0;text-align:justify;}  
li{display:inline-block;list-style:none;}  
#line{padding-left:100%;height:0;}  
a{color:#000; display:block;border:1px solid #aaa;}

http://www.cssdesk.com/NAnw2