Einzeilig, nicht zweizeilig

[Bert]

Hi Fans :)

ich baue gerade ein einfaches Menü, das sich rechts oben im Inhalts-div befindet. Es sollen einzeilig Links angezeigt werden, die in der Anzahl dynamisch sind.
Habe zuerst an eine Liste (<ul>) gedacht. Doch auch wenn ich die Aufzählungszeichen entferne, besteht da immer noch ein Abstand.
Also versuche ich es nun mit einem weiteren div mit Links darin:

  
<div class="menu">  
	<a href="?">Neu</a>  
	<a href="?">Bearbeiten</a>  
	<a href="?">test</a>  
	<a href="?">test2</a>  
</div>  

Dies ist der CSS-Code, den ich benutze:

  
div.menu  
{  
 /* Positionierung in der rechten oberen Ecke des div.cont */  
 position:absolute;  
 top:0;  
 right:0;  
  
 background-color:#8DB6CD;  
}  
div.menu a  
{  
 float:left;  
 border:1px solid #5D478B;  
}  

So stellt der Code die Links mit dem gewünschten Rahmen dar, und das sogar nebeneinander. Doch ich möchte 2% Abstand zwischen Schrift und Rahmen haben, also füge ich den Links die Angabe "padding:2%;" hinzu. Und schon rutscht der letzte Link in eine neue Zeile. Da kann ich auch mit "display:inline;" herumspielen wie ich möchte - der letzte Link rutscht immer in die zweite Zeile.
Mein Gedanke war auch, dass div.menu nicht automatisch so breit wird wie sein Inhalt - aber "width:auto;" brachte auch nichts.
Jetzt bin ich mit meinem Latein am Ende (habe diese Sprache sowieso nie gelernt ;) ) und frage hier im Hilfe. Was muss ich tun, um das zu erreichen, was ich möchte?

Gruß
Bert