Confusing problem for me

[Steve K]

HI,

Can anyone figure out why the words in my menu bar hang out near the
very top of the red bar in Mozilla?

http://aem.cornell.edu/business_test_site/overview/

http://aem.cornell.edu/business_test...ite_styles.css

The words should be vertically centered. They are correct in Safari and
IE 5.2.

Please be kind, I'm learning!

Thanks
Steve

td.toplinks a {
display: block;
text-decoration: none;
height: 100%;
margin: 0;
text-align: center;
font-weight: bold;
font-size: 12px;
color: white;
padding: 6px 3px 6px 3px;
background-color: #b31b1b; }

td.toplinks a:hover {
color: #FFFFFF;
background: #9b1717; }

[Ney André de Mello Zunino]

Steve K wrote:

Can anyone figure out why the words in my menu bar hang out near the
very top of the red bar in Mozilla?
[...]
The words should be vertically centered. They are correct in Safari and
IE 5.2.

You should ask yourself whether that menu should really be marked-up as
a table. But, anyway, since your menu options are table cells, you have
a simple way of suggesting that their contents be vertically centered.
Just add the /vertical-align/ property to your CSS definition:

td.toplinks
{

[Eric Wagner]

> td.toplinks a {

display: block;
text-decoration: none;
margin: 0;
text-align: center;
font-weight: bold;
font-size: 12px;
color: white;
padding: 6px 3px 6px 3px;
background-color: #b31b1b; }

Delete the height. This should work.

bYe,

Eric.