Stretch div de largeur (si l'espace disponible)

je suis actuellement en train de travailler sur un thème tumblr, mais est resté coincé sur la page de navigation.
Le code html "Précédent" et "Suivant" Boutons ou seulement rendu, si elles sont disponibles.
Donc, il n'y a pas de bouton suivant sur la première page et pas de bouton précédent sur la dernière page.
et c'est là que je veux que la fonction du bouton unique pour l'étirer jusqu'à 100% de largeur.
Je pourrais le faire en javascript, mais ce n'est pas une option puisque le modèle doit fonctionner sans javascript aussi.

le code html ressemble à ceci:

<div id="navigation">
<a href="#" id="prev" style="width:476px; float:left;" class="button_normal"><p>Prev</p></a>
<a href="#" id="next" style="width:476px; float:right;"class="button_normal"><p>Next</p></a>
</div>

CSS:

.button_normal {
text-align: center;
opacity: 0.55;
height: 30px;
line-height: 30px;
background: white;
font-size: 13px;
font-weight: 100;
color: #646464;
border: 1px solid #646464;
text-decoration: none;
-webkit-border-radius: 3px;
-moz-border-radius: 3px;
border-radius: 3px;
margin-bottom: 10px;
}

#navigation{
clear: both;
width: 100%;
}

largeur de la div parent est 960px, donc il y aura un 8px marge entre les deux boutons.
J'ai essayé de fixation avec min-width et width: 100% auto; mais je ne pouvais pas vraiment comprendre comment le faire.

Merci d'avance.

InformationsquelleAutor Janik | 2012-03-09