центриране на флоатнат див

[Liberate]

<div id="menu">
<div class="link">Утре</div>
<div class="link">Програма</div>
<div class="link">Време</div>
<div id="clear"></div>
</div>

#menu {
margin: auto;
width: 700px;
border-top: 1px solid #884343;
border-bottom: 1px solid #884343;
}
.link {
float: left;
padding: 6px;
}
#clear {
clear: both;
}

кажете как да центрирам този див... пробвах 200 начина

 

[emagi]

#menu {
margin:0 auto;
width: 700px;
border-top: 1px solid #884343;
border-bottom: 1px solid #884343;
}

 

[Liberate]

#menu {
margin:0 auto;
width: 700px;
border-top: 1px solid #884343;
border-bottom: 1px solid #884343;
}

няма абсолютно никаква разлика дали е с 0 или не... аутото на топ и ботом попринцип си е 0 мисля

 

[shterev]

а каъв ти е доктайпа на документа?

 

[Liberate]

xtml trans

 

[shterev]

дай си целия код, направо целия файл, или чата , която не работи.

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>

	<head>
		<meta http-equiv="Content-Type" content="text/html; charset=utf-8">
		<title>Untitled Document</title>
		<style>
			#menu {
				margin: auto;
				width: 700px;
				border-top: 1px solid #884343;
				border-bottom: 1px solid #884343;
			}
			.link {
				float: left;
				padding: 6px;
			}
			#clear {
				clear: both;
			}
		</style>
	</head>
	<body>
		<div id="menu">
			<div class="link">Утре</div>
			<div class="link">Програма</div>
			<div class="link">Време</div>
			<div id="clear"></div>
		</div>
	</body>
</html>

Точно тоя код си работи идеално! Не знам кое не ми е центрираното и то и под ие-тата. Виж си пак доктайпа.