Biasanya desainer web membuat blok yang terletak di tengah layar menggunakan nilai auto pada margin kiri dan kanan seperti ini

margin-left:auto;

margin-right:auto;

atau menggunakan shorthand code seperti ini

margin:0px auto;

Keterangan:
margin vertical (atas dan bawah) : 0px
margin horizontal (kiri dan kanan) :auto

Tetapi cara diatas tetap tidak bekerja pada browser Internet Explorer, terutama Internet Explorer versi 5, untuk mengatasi masalah ini yang harus kita lakukan hanyalah menyisipkan deklarasi DOCTYPE sebelum tag <html>.

Untuk melihat daftar DOCTYPE yang bisa digunakan silakan lihat di situs W3Schools
http://w3schools.com/html/html_doctype.asp

contohnya seperti dibawah ini

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html>
	<head>
		<title>Rata tengah</title>
		<style type="text/css">
			.tengah {
				width:500px;
				border:ridge 3px #FF0000;
				text-align:center;
				margin:0px auto;
			}
		</style>
	</head>

	<body>

		<div class="tengah">
			Rata tengah
		</div>

	</body>
</html>

atau coba contoh dari W3Schools.com disini http://www.w3schools.com/css/tryit.asp?filename=trycss_align_container_ie5

Coba cara tersebut dan buka pada browser Internet Explorer dan lihat hasilnya :).

Sumber : http://www.w3schools.com/css/css_align.asp