simulation d'onglets en HTML

Bonjour,

je souhaite, pour une page qui peut être fort lourde, découper la page en
onglets. Les onglets cliquables sont sur la gauche du document, et chaque
onglet s'ouvre avec le :target.

J'ai fait la feuille de style suivante à partir d'éléments trouvés sur le
net.
Ca marche parfaitement bien sur mozilla, mais pas du tout sur IE.

D'ou est-ce que cela vient ? Comment y remédier ?
Question "cerise sur le gateau" : j'avais un lien sur le support CSS des
différents browsers, mais impossible de remettre la main dessus.

div.tabbed {
position: absolute;
margin-left:5%;
width:90%;
}

div.tabs {
width:10px;
position:absolute;
}
div.tabs a {
display:block;
font-size: small;
background-color: #ad11ad;
color: #FFFFFF;
border: thin solid black;
margin-right: 2px;
padding: 20px 10px;
-moz-border-radius: 5px 0px 0px 5px;
}

div.tab {
display: none;
width:90%;
text-align: center;
background-color:white;
}

div.tab:target {
width:95%;
text-align: center;
display: block;
position:absolute;
margin-left:5%;
}

:target div.tab {
width:100%;
text-align: center;
display: block;
position:absolute;
margin-left:10%;
}
:target div.tab + div.tab{
display: none;
}



et le HTML qui va avec :
<div class="tabbed">
<h1 class="catalogue">MAIN TITLE</h1>
<a href="">
<img border="0" src="">
</a>
<a href="javascript:confirm_deletion()">
<img border="0" src="">
</a>

<div class="tabs">
<!-- TMPL_IF name="0XX" -->
<a href="#0XX">0</a>
<!-- /TMPL_IF -->
<!-- TMPL_IF name="1XX" -->
<a href="#1XX">1</a>
<!-- /TMPL_IF -->
</div>
<div name="0XX" id="0XX" class="tab">
XXX
</div>
<div name="1XX" id="1XX" class="tab">
XXX
</div>
</div>



PS : dans la FAQ, le lien
2.2 Guides
UNGI propose une introduction en français aux CSS (niveau 1):
http://ungi.nirvanet.net/style.htm
n'est plus valable.
Est-ce que l'auteur (Raphael.Maree@student.ulg.ac.be) nous lit ?
--
Paul