✔ Problem mit :hover

[Banni]

Moin Leutz,

Ich bins mal wieder der Banni und habe heute mal wieder ein kleines aber lösbares (denk ich mal) problem für euch:

Da ich einen hver effekt nicht in Javascript machen soll, sondern in CSS hab ich das wie folgt gelöst:

div#content a.ansicht {
    display: block;
    width: 225px;
         height: 225px;
     background-image: url("Images/ansicht_hover.jpg");
         cursor: default;
}

div#content a.ansicht:hover {
    display: block;
         background-position: right;
}

Problem is nun wie folgt,

Das Bild sollte eigentlich in der Mitte positioniert sein, was er auch im IE einwadfrei macht, im firefox allerdings schied er das ganze zur linken Seite.

Und jetzt die Frage: Warum macht der FiFo das ?

 

[Maik]

Probier es mal so, damit die Hintergrundgrafik horizontal zentriert wird:

background-position: center top; /* Position von links u. oben */

 

[Banni]

Danke für die schnelle Antwort, habs aber schon anders gelöst. Da das problem ja nur beim FiFo auftritt, habe ich dem Background ein margin: auto; gegeben funktioniert wunderbar, nur sollte man beachten das es nur für den firefox geht und nicht für den IE, da aber das problem nur beim Fifo war, und bei allen anderen browsern es funtkioniert, iss das problem gelöst...