Mise en page css d'un en tête

Bonjour,

J'ai un peu de mal à finir une mise en page avec css d'un en tête. J'ai choisi la mise en page "flottante", donc qui s'adapte à la largeur de l'écran. Les éléments se positionnent bien, par contre j'aurai voulu que 2 éléments soient "extensibles".
J'ai essayé avec repeat:y. Ca ne marche pas: ça reste fixe à 10px.
Voici le code:

Merci d'avance pour votre aide !

<STYLE>
/*----------------------mise en forme header----------------------------------*/

body{
padding: 0px;
background-color: #FFF;
font: 76% Verdana,Arial,sans-serif
}


}
.top {
width:100%;
border-style:none;
text-align:left;
padding:0 0 0 0;
margin-top:0px;
}

.haut {
position:absolute;
top:8px;
left:300px;
text-align:center;

}
.hgauche{
width:240px;
height:99px;
text-align:left;
border-style:none;
top:0px;
padding:0 0 0 0;
margin-top:0px;
}

.degrade{
width:46px;
height:99px;
text-align:left;
border-style:none;
top:0px;
padding:0 0 0 0;
margin-top:0px;
}

.extens{
width:10px;
repeat:yes;
height:99px;
text-align:left;
border-style:none;
top:0px;
padding:0 0 0 0;
margin-top:0px;
}

.hmilieu {
width:473px;
height:99px;
background-image:url(../img/monardex-centre.jpg);
text-align:center;
border-style:none;
}

.extens2{
width:10px;
height:99px;
text-align:left;
border-style:none;
top:0px;
padding:0 0 0 0;
margin-top:0px;
}

.hdroit {
background:#86c7ff;
height:99px;
text-align:left;
border-style:none;
}
/*--------------------fin mise en forme de header------------------------*/

</STYLE>

<table>

<tr>

<td class="hgauche">
1ere partie: doit rester fixe
</td>
<td class="degrade">
2eme partie: doit rester fixe
</td>
<td class="extens">
3eme partie: doit s'adapter à la largeur à hauteur de 10%
</td>
<td class="hmilieu">
4eme partie: doit rester fixe et au milieu de la page même si écran 22'
</td>
<td class="extens2">
5eme partie: extensible % à voir...
</td>

<td class="hdroit">
6eme partie: fixe et toujours à droite

</td>

</tr>

</table>