CSS text align in centre and middle

[Fullwebservice]

I'm in the middle of making a little menu but the text is not going into the middle of the button

here is the link

http://www.davidstokes.com/_dev/4/
css is

body{
color:#333333;
background-color:#F0F5F9;
}

#header{
position:fixed;
top:10px
width: auto;
background-color:#B8D0E4;
height:170px;
}


#main{

}


#footer{

}

#menu{
position:fixed;
color:#FF0000;
font-weight:bold;
font-variant:normal;
font-family:Verdana, Arial, Helvetica, sans-serif;
font-size:10px;
display:block;
text-align: center;
padding: 2px 2px 2px 2px;
width: 120px;
height:20px;

top:200px;
left:10px;
}

#menu a{
display:block;
color:#000099;
background-image:url(3.gif);
width:120px;
padding: 2px 2px 2px 2px;
height:20px;
text-align:center;
text-decoration: none;
top:200px;
left:10px;
}

#menu a:hover{
display:block;
color:#000099;
background-image:url(4.gif);
width:120px;
padding: 2px 2px 2px 2px;
height:20px;
text-decoration: none;
top:200px;
left:10px;

}

[Graft-Creative]

You'll need to use the line-height property:


#menu a{
display:block;
color:#000099;
line-height: 15px;
background-image:url(3.gif);
width:120px;
padding: 2px 2px 2px 2px;
height:20px;
text-align:center;
text-decoration: none;
top:200px;
left:10px;
}

Obviously play about with the value until it looks right.

Hope that helps,

Gary

[Fullwebservice]

cheers mate that worked.