Calque div a hauteur variable

Hello

Je cherche un moyen de faire un cadre avec des onglets et dessous un bloc avec la description.

Avec une marge en haut de 10px et une marge en bas de 10px et la taille en hauteur du bloc de description prenne toute la place

J'ai fait 2 div :

<div class="onglets">
    <ul>
        <li>rub1</li>
        <li>rub2</li>
    </ul>
</div>
<div class="content">
    Mon contenu ici qui peut faire plusieurs lignes [smile]
</div>

j'avais fait ca comme CSS :

.onglets {
  position: absolute;
  top: 10px;
  height: 20px;
}
.content {
  position: absolute;
  top: 30px;
  bottom: 10px;
}

Le content s'affiche impecable sous Firefox (j'ai testé avec un background black pour voir) Mais sous ie le content prend juste la taille du contenu et pas toute la hauteur comme j'aimerai

Y-a-t'il un HACK css pour ça pour IE ?

Merci de votre lecture

ChoiZ a écrit :

Y-a-t'il un HACK css pour ça pour IE ?

Les hack sont à éviter dés que possible en raison de la compatibilité ascendante visant les futurs versions d'IE susceptibles de corriger leur default d'implémentation et les bug d'affichage.
Il vaut mieux dans ce cas utiliser un feuille de style en commentaire conditionnels. (voir la FAQ)

ChoiZ a écrit :

Le content s'affiche impecable sous Firefox (j'ai testé avec un background black pour voir) Mais sous ie le content prend juste la taille du contenu et pas toute la hauteur comme j'aimerai

De quelle hauteur tu parles? Tu n'as pas spécifié de hauteur sur #content.
Etonnemment, firefox ne se comporte pas comme il faudrait:
un bloc en position absolute s'adapte a son contenu.

Essayes donc avec ça si tu souhaites avec des marges autour de ton texte.

.content {
  position: absolute;
  top: 30px;
  bottom: 10px;
  padding: 6px
}