Anker a:hover will nicht, wie ich will...

[Tobi]

Hallo zusammen,

ich habe da ein CSS-Problem: Habe die Seite http://www.css.fractatulum.net/index.htm (sehr gut!)
mal durchgearbeitet und will gerne das Navigationsmenue abaendern und fuer eine Testseite uebernehmen.

Allerdings kommt es beim Hover-Effekt in meinem Browser (IE6) zu einem Fehler: der >margin-bottom:5px;< zum vorangegangenen Link verschwindet. Erst wenn ich ueber den vorangegangenen Link fahre, ist der Abstand wieder da. (Aber nur wenn border oder background-color beim hover angegeben werden!) Habe den Code jetzt stundenlang nach dem Fehler abgesucht...leider kein Erfolg...Xo(

Fuer Hilfe waere ich sehr dankbar!

Gruss,
Tobi

Hier der CSS-Code:

#menu {
float:left;
color:#000;
background-color:#fff;
font-weight:bold;
line-height:18px;
margin:2px;
padding-bottom:10px;
padding-top:10px;
padding-left:3px;
padding-right:3px;
border:1px solid black;
width:180px;
}

#menu a {
color:#000000;
background-color:#ffffff;
margin-bottom:5px;
padding-left:3px;
padding-right:3px;
text-decoration:none;
display:block;
border-top:1px solid #000000;
border-right:1px solid #000000;
border-bottom:1px solid #000000;
border-left:3px solid #000000;
width:160px;
}

#menu a:visited {
background-color:transparent;
}

#menu a:hover {
color:#ff0000;
background-color:#330000;
border-top:1px solid #ff0000;
border-right:1px solid #ff0000;
border-bottom:1px solid #ff0000;
border-left:3px solid #ff0000;
}

#menu a:active {
background-color:transparent;
}

#menu a:focus {
background-color:transparent;
}

.menu {
list-style-type:none;
margin:0px;
padding:0px;
}

...und der HTML Code:

<div id="menu">
<ul class="menu">
<li><a href="#">testbutton</a></li>
<li><a href="#">testbutton</a></li>
<li><a href="#">testbutton</a></li>
<li><a href="#">testbutton</a></li>
</ul>
</div>

[Siechfred]

Hallo Tobi,

#menu a {

Probier es mal mit #menu a:link.

mfg Torsten