Problème de centrage de lightbox sur IE

Bonjour,

J'ai créé un site avec un système de lightbox pour voir les images en taille réelle. Cependant, sur IE la lightbox n'est pas centrée. Je connais le !important afin d'écrire une ligne qui ne sera pas interprétée par IE mais il y a quelque chose de très étrange.

Voici le bout de code HTML :

<div id="shadowing"></div>
<div id="box">
    <div id="boxcontent"  onclick="closebox()">  </div> 
    <div id="boxtitle"> Titre </div>
</div>


<div id="titre">Quelques screens avec des Boxter (9 juin 2013)</div>
<br/>
<div id="screenshots">
<img src="screens/1_reduit.jpg" onclick="openbox('screens/1_reelle.jpg','9 juin 2013');">
<img src="screens/2_reduit.jpg" onclick="openbox('screens/2_reelle.jpg','9 juin 2013');"></div>
<br/>
<div id="screenshots">
<img src="screens/3_reduit.jpg" onclick="openbox('screens/3_reelle.jpg','9 juin 2013');"></div>
<br/>
<div id="titre">Un screen avec betookill (18 avril 2013)</div>
<br/>
<div id="screenshots">
<img src="screens/4_reduit.jpg" onclick="openbox('screens/4_reelle.jpg','18 avril 2013');"></div>
<br/>
<div id="titre">Deux screens avec Flambinou et Smwiks</div>
<br/>
<div id="screenshots">
<img src="screens/5_reduit.jpg" onclick="openbox1('screens/5_reelle.jpg','24 avril 2013');">
<img src="screens/6_reduit.jpg" onclick="openbox1('screens/6_reelle.jpg','24 avril 2013');"></div>

Tout fonctionne bien sur google chrome avec ce code CSS :

	
display: none;
	position: fixed;
	top: 0% !important;
        top : 7%;
	left: 23.1% !important;
	left: 20% ; 
	width: auto; 
	height:auto;
	max-width:auto !important; 
	max-height:auto !important;
	max-width:806px; 
	max-height:650px;
	padding: 0;
	margin: 0; 
	border: 2px solid black;
	background-color: white;
	z-index:10000;
	background-color: #8E8E8E;

Il sert à mettre en forme le cadre dans lequel va s'afficher l'image.
Le problème c'est qu'avec ce code CSS, c'est pas centré sur firefox ni sur IE.

J'ai alors essayé ceci :

        display: none;
	position: fixed;
	top: 0% !important;
        top : 7%;
	left: 20%;
	width: auto; 
	height:auto;
	max-width:auto !important; 
	max-height:auto !important;
	max-width:806px; 
	max-height:650px;
	padding: 0;
	margin:0; 
	border: 2px solid black;
	background-color: white;
	z-index:10000;
	background-color: #8E8E8E

Mais dans ce cas c'est centré sur IE et firefox mais pas sur google chrome.

Pouvez vous me dire ce qui est faux ?

Voici le lien de la page : http://www.fan-de-mixmaster.legtux.org/screenshots_page1.php

PS : Les deux images tout en bas n'ont pas de lightbox pour le moment.

Merci mille fois de votre aide. Cela fait plus d'une heure et demi que je fais des tests et c'est jamais centré à la fois sur IE, firefox et chrome ...