[Navigateur] IE VS FireFox. Problème Affichag

Bonjour,

Toujours le même genre de problème entre les navigateurs...

Le mieux est de constater par vous même. L'adresse est www.8plus1.org/summer2007.php. Ne faîtes pas attention au design, tout est encore à faire. La question donc : sous FireFox, aucun soucis, ça marche nickel, ça cartonne ;) par contre, sous IE, rien à faire, rien ne s'affiche... Pourquoi ? Dieu seul le sait. Peut-être y a-t-il un dieu parmis vous ?

Mon code (celui du cadre gris) (j'ai viré les trucs qui ne servent à rien...) :

<DIV id="summer">
   <TABLE border="0" width="900" align="right">
      <TR>
         <TD> </TD>
         <TD id="planet1"><a href="#1" onclick="with (document.getElementById('div1').style) {display=(display=='none')?'block':'none';}">
            <CENTER><B>The Ditan Park Folk & Culture Exhibition</B></CENTER></A>
         </TD>
         <TD> </TD>
      </TR>
      <TR colspan="3">
         <TD id="planet2" width="200"><a href="#2" onclick="with (document.getElementById('div2').style) {display=(display=='none')?'block':'none';}">
            <CENTER><B>Tiananmen Square Olympic “One Year to Go” Countdown</B></CENTER></A>
         </TD>
         <TD> </TD>
         <TD id="planet3" width="200"><a href="#3" onclick="with (document.getElementById('div3').style) {display=(display=='none')?'block':'none';}"><CENTER><B>The Dragon Takes Flight Celebration';?></B></CENTER></A>
         </TD>
      </TR>
   </TABLE>
</div>


<DIV id="infos" style="background-color:#eeeeee;">


<div id="div1" style="display:none;background-color:#eeeeee;" align="justify">
   <TABLE border="4" align="center" width="100%" bordercolor="#999999">
      <TR>
         <TD align="center">
            <font size="4">The Ditan Park Folk & Culture Exhibition – August 3 to 12, 2007</FONT>
         </TD>
      </TR>
   </TABLE>
<BR><BR>
  <IMG src="img/summer2007/S_05.jpg" border="0" width="400" align="right">
BLAH BLAH BLAH
</div><br />



<div id="div2" style="display:none;background-color:#eeeeee;" align="justify">
<TABLE border="4" align="center" width="100%" bordercolor="#999999">
<TR><TD align="center"><font size="4">Tiananmen Square Olympic “One Year to Go” Countdown –August 8, 2007 (To be confirmed)</FONT></TD></TR>
</TABLE>
<BR><BR>
  <IMG src="img/summer2007/S_Mix.jpg" border="0" width="250" align="left">
  
BLAH BLAH BLAH

</div><br />

<div id="div3" style="display:none;background-color:#eeeeee;" align="justify">
<TABLE border="4" align="center" width="100%" bordercolor="#999999">
   <TR>
      <TD align="center">
         <font size="4">The Dragon Takes Flight Celebration – August 20 to October 10, 2007 (To be confirmed)</FONT>
      </TD>
   </TR>
</TABLE>

<BR><BR>
  

<IMG src="img/summer2007/S_06.jpg" border="0" width="300" align="right">BLAH BALH BALH

</div><br />

</div>

Mon CSS :

#summer {
	font-size:12px;
	color:#000000;
	background-color:#eeeeee;
}

#summer a {
	color:#000000;
	text-decoration:none;
	font-size:16px;
	padding-left:7px;
	background-color:#eeeeee;
}

#summer a:hover {
	text-decoration:none;
	background-color:#eeeeee;
}
#summer a:visited {
	text-decoration:none;
	background-color:#eeeeee;
}
td#planet1 {
    background-image:  url(img/summer2007/S_08.jpg);
    background-repeat: no-repeat;
	background-position:center;
    height: 170px;
    width: 300px;
   margin-left: auto;
   margin-right: auto;
   text-align:center;
}


td#planet2 {
    background-image:  url(img/summer2007/S_09.jpg);
    background-repeat: no-repeat;
	background-position:center;
    height: 170px;
    width: 300px;
   margin-left: auto;
   margin-right: auto;
}
td#planet3 {
    background-image:  url(img/summer2007/S_07.gif);
    background-repeat: no-repeat;
	background-position:center;
    height: 170px;
    width: 300px;
   margin-left: auto;
   margin-right: auto;
}
#infos {
	margin:0px;
	margin-top:15px;
	margin-left:-3px;
	padding:15px;
	width:870px;
	text-decoration:none;
	font-size:12px;
	color:#333333;
	text-align:left;
	border:3px solid #999999;
	border-radius: 10px 10px; 
    -moz-border-radius: 10px; 
	
}


#infos a:hover {
	text-decoration:underline;
	color:#000000;
}