[CSS] Prosta rzecz - czy da się zrobić to inaczej?, Zajrzyj! Opcje

[Przem4S]

Witam mianowicie usiłuję zrobić button w jednym obrazku, zrobiłem to w ten sposób:

Kod

.strona_glowna {
    height:50px;
    width:130px;
    background:url('images/domyslny/strona_glowna.png') no-repeat;
    display:block;
    float:left;
}

.strona_glowna:hover {
    height:50px;
    width:130px;
    padding:50px;
    margin-top:-50px;
    background:url('images/domyslny/strona_glowna.png') no-repeat;
    display:block;
    float:left;
}

Ale czy da się zrobić to w inny sposób?

[Przem4S]

Tylko że chodzi o to żeby uniknąć efektu "przeładowania" obrazka gdy na niego najadę dlatego używam jednego obrazka (przykład: klik). I obecnie każda "pozycja" w menu ma swój obrazek, może da się zrobić to w całości? Po prostu zoptymalizować to.