Div per margin-right 0px verlängern funktioniert nicht

[LinKeex]

Also ich schraube gerade an einer Navigationsleiste die ihr hier betrachten könnt: http://link.kicks-ass.net/inVictus2011/

Nun sieht das ja auch alles ganz toll aus und soweiter und sofort jedoch fällt einem beim hovern über den Button "Downloads" auf dass das Objekt nicht ganz korrekt "gehighlighted" wird sondern rechts ein paar Pixelreihen fehlen.
Ich habe also das Problem das ich per

margin-right:0px;

die Divbox nicht verlängern kann.
Wie kann ich diesen Darstellungsfehler also anderst lösen? hat da jemand eine Idee?

Hier mal ein Auszug aus dem CSS Stylesheet:

.navigation		{
	width:1002px;
	height:30px;
	margin:0px auto;
	background-color:#222;
	font-family:Helvetica;
	font-size:14px;
	font-variant:small-caps;
	border-top-width:2px;
	border-top-style:solid;
	border-top-color:#000;
	border-right-color:#000;
	border-right-style:solid;
	border-right-width:2px;
	font-weight:bold;
	color:#CCC;
}

.navigation ul	{
	list-style:none;
	height:30px;
	margin-top:0px;
	padding:0px 0px 0px 0px;
	margin-left:0px;
	margin-right:2px;
	
}


.navigation ul li	{
	float:left;
	background-color:#222;
	line-height:2em;
	padding-right:22px;
	padding-left:23px;
	border-left-color:#000;
	border-left-width:2px;
	border-left-style:solid;
	height:30px;
	cursor:pointer;
	-webkit-transition: background-color 2.5s;
}

.navigation li:hover	{
	background-color:#069;
	color:#fff;
	height:30px;
	-webkit-transition: background-color 1.5s;
}

Kann es sein das ich grundsätzliche Fehler im Menu mache? Ich bin in dem Tutorial nicht ganz durchgestiegen.

Ich danke schon mal für die Hilfe.
Schönen Feiertag noch,
Linkee

 

[miniA4kuser]

Also ich sehe keinen Fehler beim "Highlighten".

 

[anna55]

Da ist kein Fehler. Du hast ja ausdrücklich geschrieben, dass du rechts bei der Navi nen 2px breiten schwarzen Rand haben möchtest. Hab das mal in deinem Code rot gekennzeichnet

.navigation		{
	width:1002px;
	height:30px;
	margin:0px auto;
	background-color:#222;
	font-family:Helvetica;
	font-size:14px;
	font-variant:small-caps;
	border-top-width:2px;
	border-top-style:solid;
	border-top-color:#000;
	[COLOR="Red"]border-right-color:#000;
	border-right-style:solid;
	border-right-width:2px;[/COLOR]
	font-weight:bold;
	color:#CCC;
}

Soweit ich sehe, kannst du die border-right-Angaben weglassen. Beim Hovern fällt der Rand einfach mehr auf. Er ist aber auch vorher da.