CSS Problem

Inf1nity
Moin,
bin gerade dabei was kleineres zu programmieren, jetzt steh ich jedoch vor nem Problem (s. Anhang) Wie krieg ichs hin dass der helle 1px Border der Navi nicht durch den Kasten geht, also dass der Buttonkasten praktisch die Leiste überlagert?

code:
1:
2:
3:
<div id="mainnavi">
 		<div id="buttons">Text</div>
</div>


so siehts in der html Datei aus
mainnavi ist in dem falle die leiste, buttons der kasten ganz links.

code:
1:
2:
3:
4:
5:
6:
7:
8:
9:
10:
11:
12:
13:
14:
15:
16:
17:
18:
19:
20:
21:
22:
23:
24:
25:
#mainnavi {
	margin: 0;
	padding: 0;
	background-color: #474747;
	border: 1px solid #606060;
}

#buttons {
	height: 40px;
	width: 60px;
	background-color: #606060;
	border-right: 1px solid black;
	v-align: middle;
}

#buttons:hover {
	height: 40px;
	width: 60px;
	background-color: #000000;
	border-right: 1px solid black;
	v-align: middle;

}


so sieht das ganze in der css-datei aus.
vllt. kann mir ja jemand bei meinem problem helfen, wäre dankbar Freude

btw; ich habe das im off topic gepostet weil es sich nicht um nen wbb template handelt.
Shatyriel
folgendermaßen muss der CSS-Code aussehen:

php:
1:
2:
3:
4:
5:
6:
7:
8:
#buttons {
    height40px;
    width60px;
    background-color#606060;
    border-right1px solid black;
margin-top1px;
    v-alignmiddle;
}


Eigentlich müsste es das sein.
Inf1nity
Hm, hat leider nicht geholfen und hatte ich auch schon ausprobiert.
Vllt hab ich mich ganz einfach scheiße ausgedrückt ^^

Jedenfalls sieht es momentan so aus wie oben im Anhang und ich möchte dass es so aussieht: