HTML + CSS: Lücke zwischen Navigations-Elementen

Computer: Software & Programmierung HTML & CSS
#1

Hallo zusammen.

Ich habe folgendes Problem:

Die Navigationsleiste soll horizontal angeordnet sein, jeder Link in einem eigenen Kasten. Das bekomme ich auch soweit gut hin, nur hätte ich gerne, dass zwischen den Kästen keine Lücke ist.

So sieht es mit Lücke aus:

http://imageshack.us/photo/my-images/607/linksq.jpg

Ich habe das margin doch schon auf 0 gesetzt. Wenn ich mit padding spiele, wird nur der Abstand von Text zum Rahmen kleiner, ich hätte die Kästchen aber gerne direkt aneinander

Hier der CSS und HTML-Code:
[PHP]
#navigation ul li{
display: inline;
border: 2px solid;
text-decoration: none;
font-size: 180%;
padding: 4px;
margin: 0px;
background-color: #CE6700;
}

#navigation a {
text-decoration: none;
padding: 4px;
margin: 0px;
}

#navigation a:hover {
background-color: #E18D38;
color: black;
padding: 4px;
margin: 0px;
}
[/PHP]

[HTML]

[/HTML]

Wer weiß Rat ? Bin für jeden Tipp dankbar.

Danke im Voraus
Martin

#2

dann musst du mal am padding schrauben.

#3

Das hab’ ich ja schon geschrieben:
Am padding schrauben bringt nix, das verändert nur den Abstand zwischen Text und Rahmen.
Hab’ die Lösung aber inzwischen gefunden: ein negatives margin.

dann musst du mal am padding schrauben.

#4

Leerzeichen und Zoom
Die Zeilenumbrüche in deiner Liste wirken wie ein Leerzeichen.
Wenn man alles in eine Reihe schreibt, sind dann die Ränder doppelt, was auch nicht schön aussieht.
Wie groß ist dein negatives Margin, wirk das bei allen Zoomstufen?

#5

Mit nem negativen Margin von 4 passt es genau.