[Résolu] Lavalamp jQuery avec une seule image centrée horizontalement

Salut,

J'aimerais savoir comment faire un menu lavalamp avec une seule image, qui soit centrée horizontalement.

Dans le pack que j'ai récupérée voici l'image :


Et le CSS correspondant à cette image:

.lavaLampWithImage li.back {
                        background: url("nav.png") no-repeat right -30px;
                        width: 45px; height: 30px;
                        z-index: 8;
                        position: absolute;
}
.lavaLampWithImage li.back .left {
                            background: url("nav.png") no-repeat top left;
                            height: 30px;
                            margin-right: 45px;
}

J'aimerais simplement obtenir ceci :


Si possible, pouvez-vous m'indiquer comment faire que l'indicateur (class .current dans mon cas), fonctionne meme quand JS désactivé? Actuellement, les 2 effets se superposent...

Comprenez-vous mon soucis?
Modifié par Julien Vernet (19 Nov 2010 - 15:51)