Linkbuttons nach border Streifen oben und unten

[No Plan]

Grüße

ich hab da ein kleines Problem.

Hab mir ne Menü gemacht mit ettlichen Links, in einem container und dann im css bissel dran rumgewerkelt. Für nen hover-effekt.

Nun habe ich es eigentlich ganz hübsch wenn man mit der Maus über die links fährt, nur das wenn ich den border befehl eingebe in css, immer auf einmal ganz oben über dem ersten link und ganz unten unter dem letzten link, linksbündig 2 kurze Linien abstehen und die gesamten links sobald man auf den container kommt erstmal ein klein wenig nach unten springen. Ist nicht so toll.

also

.menü:hover {
background-color:silver;
color:snow;
text-shadow: 2px 2px 6px lightyellow, 2px 2px 3px black;
font-weight:600;
border:5px inset gray;
border-radius:3px;
-moz-border-radius:3px;
-webkit-border-radius:3px;
-o-border-radius:3px;

Ist das ein Bug, oder warum vergrößert sich der container und fügt da so 2 Linien dran?
Also im html code ist da nix zusätzliches, was man umranden müsste.

Ziemlich komisch.

Kennt ihr Abhilfe?

Danke euch

Gruß

 

[devilseye]

die angabe border also die 5px werden zum objekt hinzugefügt darum springt es immer nach unten.

 

[No Plan]

Aha das klingt soweit einleuchtend.

Nur was kann man dagegen tun?
Ich würde ja schon gerne durch border die Links aufpeppeln wollen, denn das schaut ja richtig gut aus auch ohne javascript mit den inset oder outset beim mouseover.

Ich hab es eben mit nem container gemacht, evtl wäre es mit einer tabelle lösbar oder was gibts da so für geheime Möglichkeiten. Ihr seit die profis, ich lerne gerne dazu, wie der Schüler vom weisen Lehrer;)

Danke erstmal für den Hinweis devil.

Gruß

 

[Waffelheld]

dann zieh beim hover dementsprechend viel breite und höhe ab.
z.b.
normal width:100px
hover border 5px width 90px