Je suis en train d'essayer de faire une certaine manœuvre sur Jquery, mais je ne sais pas bien comment procéder.
En fait j'ai une liste disposée de cette manière :

<ul>
<li><a href="#">Lien 1</a></li>
<li><a href="#">Lien 2</a></li>
<li><a href="#">Lien 3</a></li>
</ul>

Je voudrais que lorsque que la souris passe sur un lien, le background:hover du lien se slideup.
Si je fais ça c'est tout le lien qui se slideup et celui-ci disparait :

// Animer le menu d'en-tête
$('#nav ul li a').hover(function(){
$(this).slideUp('slow');
},function(){
});

Auriez vous une idée de comment procéder ? Tout en sachant que je ne peux pas définir le background dans le jquery puisque je risque de définir un background différent pour chaque lien en lui attribuant une id.

pour votre future aide.

background-position

Moi le problème c'est que j'ai une couleur. Du coup le background-position s'applique pas.

Tu veux faire slide quoi sur le background si y'a que une couleur unie ?

Bah la couleur unie.
Voila le schéma :

1. nav ul li a {

background: none;
}

1. nav ul li a:hover {

background-color: red;
}

Faudrait que cette couleur unie apparaisse progressivement.
Mais sinon background position merci je sens que ça me servira pour autre chose un jour.

Faut passer pour une image, ou un dégradé (ça revient à une image, même si défini dynamiquement), ou faire ça avec des éléments en position absolue dans ta li, derrière le texte.

Ok je vois merci je devrais m'en sortir.