[geviert]

Puh, schwere Geburt, obwohl eigentlich ganz einfach:

a {
position: absolute;
left: 10px;
top: 10px;
height: 46px;
width: 256px;
z-index: 1;
}

img {
border: 0px;
}

img:hover {
border: 1px;
}


Achte allgemein auf den Doppelpunkt bei Pseudoklassen.

[pixelpapst303]

da es noch einige browser in verbreitung gibt, die die pseudoklassen nicht überall anwenden wollen, wäre ich da ggf ein wenig vorsichtiger:

img mit 0px stylen.

den hover dann aufs umliegende a anwenden, da dort garantiert alle pseudoklassen greifen...

[InYourFace]

Ok, jetzt klappt es ohne Rahmen anzuzeigen, das hovern funktioniert aber immernoch nicht und es zeigt einen roten gepunkteten Rahmen, wenn active im Browser an, da ist also auch noch was im Argen.
Aktueller Stand:

a.facebook_button {
position: absolute;
left: 10px;
top: 10px;
height: 46px;
width: 256px;
z-index: 1;
}

a.facebook_button img {
border: 0px;
}

a.facebook_button: link {
border: 0px;
}

a.facebook_button: visited {
border: 0px;
}

a.facebook_button: hover {
border-width: 1px;
border-color: #FFFFFF;
}

a.facebook_button: active {
border: 0px;
}

[pixelpapst303]

du hast ein leerzeichenproblem

auch nachm : der hover klasse solls keines geben

klasse:hover (nix leerzeichen dort)

und das was du mit der gepunkteten linie heiß outline...

http://css-tricks.com/removing-the-dotted-outline/

[InYourFace]

Hehe, nach dem Doppelpunktproblem (darf wohl nicht vor "img") wohl auch das, trotzdem Status Quo... was kann man denn noch alles falsch machen?

Aktueller Stand:

a.facebook_button {
position: absolute;
left: 10px;
top: 10px;
height: 46px;
width: 256px;
z-index: 1;
outline: none;
}

a.facebook_button img {
border: 0px;
outline: none;
}

a.facebook_button:link {
border: 0px;
outline: none;
}

a.facebook_button:visited {
border: 0px;
outline: none;
}

a.facebook_button:hover {
border: 1px;
border-color: #FFFFFF;
}

a.facebook_button:active {
border: 0px;
outline: none;
}

[geviert]

a.facebook_button:hover img {
border: 1px;
border-color: #FFFFFF;
}

[InYourFace]

Funktioniert leider auch nicht...

Aktueller Stand:

a.facebook_button:hover img {
border: 1px;
border-color: #FFFFFF;
}

[geviert]

Ach so, ja, border-style fehlt noch.
Ich schreib immer alles in eine Zeile, deswegen hab ich's übersehen.

Bsp:
a.facebook_button:hover img{
border: 1px;
border-color: #123456;
border-style: solid;
}


Ich schreib sonst
a.facebook_button:hover img { border: 1px solid #123456;}