CSS dla Firefox i IE

Witam.

Robię stronkę w DIV ach (niedawno robiłem na tabelach) i mam problem. IE inaczej wyświetla i Firefox też inaczej. Co robię nie tak ? Czy to zawsze tak jest ?

przykładowo:
http://www.wrzuta.pl/obraz/eQXXnAuXox/strona

Czy dla każdej przeglądarki robi się osobny CSS ? Czy ja popełniam jakieś błędy ?

body {
   font:11px verdana;
   color:#000000;
   margin:0; 
   padding:0;
   height:100%;
   width:100%;
   background-color:#999999;
	text-align: center;

}

#GORA {
   background: url(img/tlo_gora.jpg);
	width:962px;
	height:28px;
}
#SRODEK {
	background: url(img/tlo_srodek.jpg);
	width: 962px;
	height: 600px;
}
#DOL {
   background: url(img/tlo_dol.jpg);
	width:962px;
	height:26px;
}

#BOX0 {
	width: 874px;
	height: 114px;
}

#BOX1 {
	background: url(img/box1.jpg);
	width: 874px;
	height: 229px;
}

#BOX2 {
	background: url(img/box2.jpg);
	width: 570px;
	height: 126px;
   float: left;
	margin-left: 22px;
}

#BOX3 {
	background: url(img/box3.jpg);
	width: 570px;
	height: 126px;
   float: left;
	margin-left: 22px;
}

#BOX4 {
	background: url(img/box4.jpg);
	width: 299px;
	height: 257px;
	float: right;
	margin-right: 22px;
}

IMG.logo {
	border: 0px;
	margin-left: 45px;
	float: left;
}

IMG {border: 0px;}

na IE6 nic dziwnego że nie działa poprawnie, choćby na RapidShare.com do ostatniej zmiany layoutu chyba, był skrypcik javowy Enable_menus_for_IE ( jakoś tak nazwa szła ), sprawdź czy na IE7 wygląda tak jak powinno =]

To znaczy robiłem w Pajączku i miałem podgląd szybki przez IE (wbudowana przeglądarka) i pod IE ok wyglądało a pod resztą rozjechane. Wiec teraz robię dla Firefoxa i w chrome np tak samo jak w FF wygląda.

Już wiem jak to robić.

tam gdzie w FF jest ok a w IE jest przesunięte trzeba zrobić margines taki jak w FF ale z 2 stron np.

FF:
margin-left: 45px;

to IE:
margin-left: 45px;
margin-right: 45px;

bo łączysz text-align z margin
dla starszych IE text-align jest też dla elementów blokowych, czyli wyśrodkuje blok na pozostałą przestrzeń