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_site/site_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]

Re: Confusing problem for me

Steve K wrote:
[color=blue]
> Can anyone figure out why the words in my menu bar hang out near the
> very top of the red bar in Mozilla?[/color]

[...]
[color=blue]
> The words should be vertically centered. They are correct in Safari and
> IE 5.2.[/color]

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]

Re: Confusing problem for me

> td.toplinks a {[color=blue]
> 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; }[/color]

Delete the height. This should work.

bYe,

Eric.