Vive l'interprétation!

La disparité entre les navigateurs web est vraiment évidente, ça on le sait tous. Mais là, il y en a qui sont vraiment déplorables...

Parlons de l'interprétation des spécifications CSS niveau 1.

Je suis en train de préparer le site web de l'organisme où je travaille. Alors voilà, j'ai découvert une grosse disparité d'interprétation:

J'ai organisé le tout en deux colonnes. Le contenu occupe 75% de la fenêtre navigateur, le reste provient de la boîte de navigation et des autres gugus. Alors, le code pour le DIV "contenu" en CSS est le suivant:

#contenu {
padding: 2px;
background-color: #FFF;
border: 1px solid #CCC;
position: relative;
width: 75%;
}

Dans Mozilla, pas de troubles: le 75% est interprété comme 75% de la taille fenêtre, et donc le tout s'affice correctement. IE, égal et fidèle à lui-même, interprète le tout comme 75% de l'élément courant, ce qui, si on y réfléchit, est particulier. En effet, si on a un objet qui remplit un espace donné et que l'on considère le tout comme l'élément complet et que l'objet se redimensionne dans l'espace donné, alors on crée une forme de néant.

Donc, deux possibilités: soit que la totalité de ma feuille de style est nébuleuse, ce qui donne les erreurs d'interprétation [mais ça m'étonnerais, vu que je l'ai révisée plusieurs fois la toryeuse], soit les navigateurs font de l'interprétation...

[au fait, ne vous fiez pas aux couleurs spécifiées dans l'exemple ci-haut, c'est purement structurel, je n'ai pas encore "skinné" le site ]