i have problem with my links in the page's navbar , i want to put my links in the middle of navbar, but i always see my links in the top of it.

i was used all the ways to fix the problem, but i failed.

this is an simple example, u can see the problem :

Code HTML4Strict:
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" 
<html xmlns="http://www.w3.org/1999/xhtml" dir="ltr">
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<meta http-equiv="Content-Language" content="EN-US" />
<style type="text/css">
body { background: pink; font-family: "Times New Roman", Times, serif; font-size: medium; color: #B5C3CE; font-weight: bold;
	text-decoration: none; }
#main {	border: 1px double #000000;	background: red; height: 350px;	width: 777px; margin: auto;
.nav { background: white; height: 50px; width:777px; text-align:center; }
a {	color: red;	text-decoration: none; }
a:hover { color: black; text-decoration: underline; }
<div id="main">
<div class="nav"><a>forum</a></div>

can i find help ? i hope that.

thanks for reading my subject...