Css text align

[Albino]

ok, so basically im making a menu bar, and the text isnt in the center (vertically).

so I add padding, but this then pushes the cell below down 2. the css for the menu is:

#menu{
float:left;
width:100%;
height:100%;
margin:0px 6px 0px 6px;
list-style-type:none;
display:inline;
}
#menu a{
float:left;
background:#97494F;
color:FFFFFF;
font-family:"TradeGothic LH Extended";
font-size:8pt;
text-align:center;
width:92px;
height:100%;
text-decoration:none;
}
#menu a:hover{
background:#000000;
color:#FFFFFF;
font-family:"TradeGothic LH Extended";
font-size:8pt;
text-align:center;
width:92px;
height:100%;
text-decoration:none;
}

and attached are the images, showing what is going on. if you need more explaination, just say. Im guessing firefox is displaying it correctly, by adding an extra 2 pixels on, but im not how to get around it.

cheers to anyone who can help!

 

[JYM]

you can try vertical-align: center; but I doubt it will work. Put padding on the top and bottom, and it should equal out and become centered.

 

[Albino]

if I add padding to both sides, in ie it centres the text, and puts border on the rollover. in firefox, it does nothing lol.