Max M.: Liste im IE6 zentrieren

Beitrag lesen

Hallo,

ich habe eine Liste erstellt und möchte diese zentrieren. Dazu verwende ich folgenden Code:

<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">  
<html>  
<head>  
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8">  
<title>Zentrierte Liste</title>  
	<style type="text/css">  
	  
		ul {  
			display:table;  
			margin:auto;  
		}  
		li {  
			float: left;  
			list-style: none;  
		}  
	</style>  
</head>  
<body>  
	<div class="main">  
		<ul>  
			<li>Elem1</li>  
			<li>Elem2</li>  
		</ul>  
	</div>  
</body>  
</html>

Im FF, Opera, Safari, IE8 wird die Liste auch auf der Seite zentriert ausgerichtet. Leider macht mir der IE6 und IE7 probleme. In beiden Browsern wird die Liste links ausgerichtet. Was muss ich für diese Browser beachten, dass die Listenlemente zentriert werden?