Hallo
Folgendes Problem:
Ich habe eine Navigationsleiste, für die ich im CSS folgendes definiert habe:
-----------------------------------------------
#navbar {
background-color: #2C74B4;
height: 35px;
border: 2px solid gray;
font-size: 12px;
margin: -10px 10px 5px 10px;
padding: 0;
}

		#navbar ul.nav {  
			list-style-type: none;  
			padding: 0;  
			margin: 0;  
			}  
  
			#navbar ul.nav li {  
				padding: 0px 30px 0px 10px;  
				display: inline;  
				}  

			#navbar ul.nav a {  
				color: white;  
				text-decoration: none;  
				text-align: center;  
				border: 1px solid #2C74B4;  
				padding: 1px 5px 0px 5px;  
				border-top: none;  
				font-weight: bold;  
				}  

				#navbar ul.nav a:hover {  
					background-color: white;  
					color: #2C74B4;  
					border: 1px solid gray;  
					border-top: none;  
					padding: 0px 5px 0px 5px;  
					}  

------------------------------------------------

Jetzt habe ich in der Navbar jedem Link eine id gegeben, um per CSS anzeigen zu lassen, auf welcher Seite man gerade ist. Dabei sollten die einstellungen, diebei a:hover auftauchen, Standard werden für diese Seite, sodass man wiß, wo man ist.

Problem ist, dass ich jetzt für diese Seite den a:hover Effekt ausschalten möchte, denn wenn ich den aktiven Link mit der Maus überfahre, habe ich komischerweise ein doppeltes Padding. Hier ist der Code in der HTML-Datei:

---------------------------------------------
<style type="text/css">

	.home {  
		background-color: white;  
		color: #2C74B4;  
		border: 1px solid gray;  
		border-top: none;  
		padding: 0px 5px 0px 5px;  
		-webkit-border-radius: 5px;  
		-moz-border-radius: 5px;  
		-khtml-border-radius: 5px;  
		border-radius: 5px;  
		}  
	  
	  
	  
	a:hover {  
		padding: 0px -5px 0px -5px;  
		}  
	  
	</style>  

-------------------------------------

Ich habew also 2x 5px Abstand mit weißer Hintergrundfarbe, einmal bei .index und einmal bei a:hover, wobei ich das bei a:hover für diesen Link nicht möchte.

Gibt es da eine Lösung?