Vererbung verhindern?!

[Schneider]

Ich hoffe ihr kreuzigt mich nicht aber ich glaube ich bin zu blöd eine Antwort auf mein Problem zu finden darum frage ich einfach hier mal nach

als erstes hallo zusammen
nun zu meiner Frage. Ich habe mit CSS eine Navigation gebastelt, sie besteht einfach aus Listen die anschließend mit CSS formatiert wurden. Hier habe ich nun quasi zwei Ebenen 1. (Hauptlink) 2. (untermenü).
Beim Hauptlink habe ich einen hover gemacht (border-left: 3px solid).
Das Untermenü habe ich nur eingerück und unterstrichen, jetzt würde ich gerne hier einen seperaten hover machen, das problem ist nun das er den Hover vom Hauptlink übernimmt wie kann ich hier das ändern:

PS hier mein CSS

/*
 * Navigation
 */

#nav {
	margin: 10px;
	float: left;
	width: 100px;
}

#nav ul {
/* alle Zeichen und Leerraeume werden geloescht */
	margin: 0;
	padding: 0;
	list-style-type: none;
	list-style-type: none;
}

#nav li {
	font-family: Verdana, Arial, Helvetica, sans-serif;
  	font-size: 0.9em;
  	color: #129BDE;
  	font-weight: normal;
}

#nav a {
	border-left: 4px solid #FFFFFF;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 0.9em;
	color: #129BDE;
	font-weight: normal;
	text-decoration: none;
}

#nav a:hover {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 0.9em;
	color: #3F687C;
	font-weight: normal;
	border-left: 4px solid #129BDE;
	text-decoration: none;
}

#nav .sub a {
	margin-left: .7em;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 0.9em;
	color: #0062C4;
	font-weight: normal;
	border-bottom: 1px solid #E7E7E7;
}

#nav .sub a:hover {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 0.9em;
	color: #3F687C;
	font-weight: normal;
}

Danke für eure Hilfe

 

[dkdenz]

Das Untermenü habe ich nur eingerück und unterstrichen, jetzt würde ich gerne hier einen seperaten hover machen, das problem ist nun das er den Hover vom Hauptlink übernimmt wie kann ich hier das ändern:

Eine eigene Klasse verwenden...

 

[Schneider]

#nav .sub a {
	margin-left: .7em;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 0.9em;
	color: #0062C4;
	font-weight: normal;
	border-bottom: 1px solid #E7E7E7;
}

#nav .sub a:hover {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 0.9em;
	color: #3F687C;
	font-weight: normal;
}

hier hab ich doch eine eigene Klasse
bin noch ziemlich neu mit CSS wäre nett wenn du mir ev. den Code posten könntest