Régler le format du site pour tous les navigateurs [Résolu]

[burnit4mosta]

Bonjour, je ne sais pas vraiment si j'ai donné le bon titre a mon problème
Bon,
je suis entrain de faire un site pour mon commerce et mon problème est le voici: l'affichage de mon site a IE et a Firefox c'est pas du tout le même a firefox marche nickel mais a IE c'est vraiment du charabia ! voila les screenshots:
Pour firefox:


pour IE:


et voila les codes sources css:
text.css:

Code :

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
.login label{margin:2px 0 0 5px; color:#4d65d9; }
.login #id {border:solid 1px rgb(150,150,150); margin:2px 0 0 24px; color:blue;}
.login #id:hover{background-color:#f7f0db;} 
.login #pass {border:solid 1px rgb(150,150,150); margin:2px 0 0 6px; color:blue;}
.login #pass:hover{background-color:#f7f0db;}
.login #submit{border:solid 1px #4d65d9; border-radius:0; color:#4d65d9; margin:5px 0 0 147px;}
.login #submit:hover{border:solid 1px #2946cc; background-color:rgb(230,230,230); color:#2946cc}
 
.left-container li{list-style:url(puce.gif);}
.left-container a{text-decoration:none; color:#4d65d9; font-weight:bold;}
.left-container a:hover{color:#2946cc;}
 
.fb {width:64px; height:64px; margin-left:1055px; position:absolute; margin-top:5px; background: url(fb.png)}
.tw {width:64px; height:64px; margin-left:1125px; position:absolute; margin-top:5px; background: url(tw.png)}
 
.image {display:inline; float:left; margin:10px 10px 10px 10px; width:255px; height:210px; border:solid 1px rgb(150,150,150);}

setup.css:

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
body{ background-color:#eeeee9; margin: 0px; }
.allclient { width:1200px; margin-left:10%; background-color:#ffffff; border-radius:10px; border:solid 1px rgb(150,150,150); }
 
/* -----Header Zone----- */
.header { width:1200px; height:215px; background-color:#affaff; border-radius:10px 10px 0 0; border-bottom:solid 1px rgb(150,150,150);}
.header-top { width:1200px; height:80px; background-color:#e3e3e3; border-radius:10px 10px 0 0; border-bottom:solid 1px rgb(150,150,150);}
.logo {width:145px; height:70px; margin-left:5px; position:absolute; margin-top:5px; background: url(logo.gif);}
.sitname { display:inline; }
.sitename h2{ width:300px; height:70px; margin:10px 0 0 150px; position:absolute;}
.sitename a{ text-decoration:none; color:#4d65d9;}
.sitename a:hover{color:rgb(125,125,125);}
.login { width:260px; height:115px; border-radius: 5px; border:solid 1px rgb(137,170,214); margin:5px 0 0 900px; background:transparent; position:absolute;}
.login-bande { width:260px; height:20px; border-radius:5px 5px 0 0; border-bottom:solid 1px rgb(137,170,214); background:rgb(213,225,240);}
.login a{text-decoration:none; color:#4d65d9; font-size:12px; font-weight:bold;}
.login a:hover{color:#2946cc;}
 
/*---------------------------------------------------------------------------------------------------------------------------------------------*/
/* -----Main Zone----- */
.main{clear:both; width:1200px;}
.left-container{display:inline;  width:250px; margin:5px 0 10px 0; float:left; border:solid 1px rgb(150,150,150); border-radius:0 10px 0 0; background:url(right_back.png) top left repeat-y;}
.left-bande1 { width:250px; height:20px; border-radius:0px 10px 0 0; border-bottom:solid 1px rgb(137,170,214); background:rgb(213,225,240);}
.main-container{display:inline; width:620px;  margin:5px 0 0 10px; border:solid 1px rgb(150,150,150); float:left; border-radius:10px;}
.right-container{display:inline; width:300px;  margin:5px 0 0 0; border:solid 1px rgb(150,150,150); float:right;}
 
/*---------------------------------------------------------------------------------------------------------------------------------------------*/
/* -----Footer Zone----- */
.footer {clear:both; position:relative; min-height: 100%; width:100%; height:100px; background:url(footer-back.jpg) top left repeat-x;  border-radius:0 0 10px 10px; border-top:solid 1px rgb(150,150,150);}
.footer p {line-height:10px; text-align:center; color:rgb(125,125,125); font-weight:bold; font-size:100%;}
.footer p.credits {font-weight:normal;}
.footer a {text-decoration:underline; color:rgb(125,125,125);}
.footer a:hover {text-decoration:none; color:rgb(0,0,0);}
.footer a:visited {color:rgb(0,0,0);}

merci bien de me fournir une solution qui résoute ce problème

[NoSmoking]

Bonjour,
il faut commencer par mettre un DOCTYPE pour limiter les dégâts, ensuite sans la structure du document difficile de répondre.

Une autre chose à faire, qui ne coûte pas de pain c'est voir les erreurs auprès d'un validateur.