I'm unable to make the menu text align in the middle of the 'fixedmenu' divtag, i dont understand why.

index.html
HTML Code:
<!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>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>Car 2000</title>

<link href="css/layouts.css" rel="stylesheet" type="text/css" />
<link href="css/styles.css" rel="stylesheet" type="text/css" />
</head>

<body>
<div align="center" id="fixedbody">
<div align="center" id="fixedheader">
<img src="images/logo_h.gif" alt="Car 2000" width="270" height="160" /><img src="images/right_h.gif" alt="Car 2000" width="630" height="160" />
</div>
<div class="menutext" id="fixedmenu">
HOME : ABOUT : SERVICES : CONTACT : BOOK NOW</div>
</div>
</body>
</html>
styles.css
Code:
.menutext {
	font-family:Tahoma, "Courier New", Consolas, "Colonna MT";
	font-size:30px;
	font-weight: bold;
	text-align: center;
	vertical-align: middle;
}
layouts.css
Code:
#fixedbody {
	height: 900px;
	width: 900px;
	overflow: hidden;
	margin:auto;
}

#fixedheader {
	height: 160px;
	width: 900px;
	overflow: hidden;
}

#fixedmenu {
	height: 64px;
	width: 900px;
	overflow: hidden;
	background-image: url(../images/menubar_900.gif);
}