<li> à 100%

Bonjour,
je souhaite mettre en forme une liste comprenant 3 niveaux.
Voici ce que ça représente (je l'ai simplifié pour que ce soit plus lisible).

<ul>
<li style="height: 10px";>header</li>
<li style="height: 100%";>contenu</li>
<li style="height: 10px";>footer</li>
</ul>

Ce que je veux, c'est que le header reste toujours en haut de la page, le footer toujours en bas et que le contenu prenne toute la place qui reste.

seulement, le code ci dessus ne fonctionne pas, comment puis-je faire?
Merci à tous.

Bonjour,

Tu pars déjà sur un mauvais balisage ...

Romain

tu peux approfondir s'il te plait?

Salut,

Les ; vont DANS les guillemets.

arf oui j'ai pas fais de copié coller, c'est pas ce code que j'utilise c'etait pour vous montrer ce que je voulais.
je vais quand meme les enlever

Bonjour,

Pourquoi utilises-tu une liste non-ordonnée ici ?
Des <div> me paraissent bien plus adéquates.