Bordures d'un tableau apparentes dans un <div> caché
Bonjour à tous,
Je rencontre un petit problème de compatibilité entre Firefox et IE.
J'ai créé un calque contenant un tableau, celui-ci est caché à l'affichage de la page, sous Firefox tout se passe bien, le calque et le tableau qu'il contient n'apparaissent pas. Par contre sous IE, tout se cache sauf certaines bordures du tableau 8O
Voici des impressions d'écran (un dessin vaut mieux qu'un long discours) :
Sous Firefox (Rendu souhaité) :
http://img187.imageshack.us/img187/4950/calqueffgu6.jpg
Sous Internet Explorer (Mauvais rendu) :
http://img291.imageshack.us/img291/6181/calqueiegw5.jpg
Et voici les styles css utilisés :
Code:
1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 21 22 23 24 25 26 27 28 29 30 31 32 33 34 35 36 37 38 39 40 41 42 43 44 45 46 47 48 49 50 51 52 53 54
| #calqueCalendrier {
position:absolute;
z-index:10;
}
body {
font-family:Tahoma, Verdana, sans-serif;
font-size:10px;
}
a:link,a:visited {
color:#000000;
text-decoration:none;
}
a:hover {
color:#7A567A;
text-decoration:none;
}
a:active {
color:#E6CFE6;
text-decoration:none;
}
table.calendrier {
background-color:#C0CC8F;
border:1px solid #788059;
border-collapse:collapse;
}
tr.entete {
background-color:#C0CC8F;
font-weight:bold;
}
td.jour {
background-color:#ACBF60;
border:1px solid #788059;
cursor:pointer;
text-align:center;
}
td.aujourdhui {
background-color:#7A567A;
color:#FFFFFF;
cursor:pointer;
text-align:center;
}
td.jourVide {
background-image:url(IMG/mosaiqueJourVide.gif);
border:1px solid #788059;
} |
Avez-vous une idée de la cause du probléme ?
Merci d'avance ;)