Mouseover über Text in einem Layer - Zeilenhintergrund veränder sich!

[alphanumericAuf Bewährung]

Hallo,

ich hab ein Problem!

Bitte geht mal auf die Seite

Klick

Wenn ihr dort über den Menüpunkt "Ausrüstung" geht müsste normaler weise ein Layer aufpoppen in dem ein Untermenü ist. Beim Hover über das Untermenü ändert sich die Farbe des Hintergrunds auf Grau!

Soweit so gut, allerdings "springt" beim Hovern auch die Schrift hin und her - was ich nicht möchte, wie kann ich das ändern

(Zur Seite: Bitte noch nichts wegen zu evt. längeren Ladezeit usw. schreiben - mit Ladeoptimierung mach ich später und das ganze kommt noch auf schnelleren Space)

Hier noch das CSS das ich für den mouseover habe!

.ausrüstung {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	background-color: #C72E2C;
	border: solid 1px #000000;
	top: 162px;
	left: 355px;
	width: 150px;
	height: 80px;
  line-height:20px;
	text-indent:1px
  }
  
.ausrüstung a {
  line-height:20px;
	text-indent:1px
  }
  

.ausrüstung a:hover {
	background: #CCCCCC;
	color: #000000;
  display: block;
}

Solltet ihr das ganze CSS oder was anderes brauchen bitte posten!

das display: block im a:hover - format muss entweder raus oder du schreibst es in die allgemeine linkformatierung.

[alphanumericAuf Bewährung]

Oke, habe getan was du gesagt hast - jetzt ist aber ein großer Abstand zwischen den Zeilen!



mh

.ausrüstung a:link { color: white; text-decoration: none; display: block; }
	.ausrüstung a:visited { color: white; text-decoration: none; display: block;}
	.ausrüstung a:hover { color: white; text-decoration: none; display: block; }

	.Termine a:link { color: white; text-decoration: none; }
	.Termine a:visited { color: white; text-decoration: none; }
	.Termine a:hover { color: white; font-weight:bold; text-decoration: underline; }


	.Info a:link { color: white; text-decoration: none; }
	.Info a:visited { color: white; text-decoration: none; }
	.Info a:hover { color: white; font-weight:bold; text-decoration: underline; }

.ausrüstung {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	background-color: #C72E2C;
	border: solid 1px #000000;
	top: 162px;
	left: 355px;
	width: 150px;
	height: 80px;
  	line-height: 15px;
	text-indent: 1px;
  }
  
.ausrüstung a {
  line-height:20px;
	text-indent: 1px
  }
  

.ausrüstung a:hover {
	background: #CCCCCC;
	color: #000000;
}

ich könnte wetten, jetzt komm ich deiner nächsten frage zuvor :
die br´s müssen dann auch raus

//edit
a) der link geht nicht
b) lass das display:block ruhig drinne für .ausruestung a
c) siehe oben

//edit 2
mach aus .ausrüstung UNBEDINGT .ausruestung

[alphanumericAuf Bewährung]

naja ok ...

welche brs? im HTML ?

in dem layer, den du einblendest -> zwischen den links

[alphanumericAuf Bewährung]

oke funktioniert jetzt - jedoch wird jetzt das sonst. von ausrüstung in die Zeile von Zeughaus geschoben!