border-bottom liegt "über" border-left?

[Robert Gabriel]

Hallo Forum!

Ich hab da ein kleines Problem bez. der Rahmen einer Zelle mit CSS.

Ich habe sowohl den unteren wie auch den rechten und den linken Rahmen der Zelle per CSS definiert:

.nav_rahmen
 {
  border-right-width: 1px;
  border-right-style: solid;
  border-right-color: #000000;

border-left-width: 1px;
  border-left-style: solid;
  border-left-color: #000000;

border-bottom-width: 1px;
  border-bottom-style: solid;
  border-bottom-color: #CCCCCC;
 }

Wie man sieht, hat der untere Rahmen eine andere Farbe (grau) als der linke und rechte (schwarz).

Nun liegt allerdings der untere Rahmen "über" dem linken, d.h. anstatt dass der linke Rahmen durchgängig schwarz ist, ist er immer wieder durch graue Striche unterbrochen.
Der rechte Rahmen dagegen zeigt dieses merkwürdige Verhalten nicht, hier erscheint die schwarze Linie vollkommen durchgezogen.

Zuerst dachte ich, es liegt an der Reihenfolge, wie border-left und -bottom definiert wird, aber das wars auch nicht (wäre auch zu einfach gewesen ;)).

Danke für eure Antworten!
(eine Lösung wär mir natürlich lieber =])

Robert