Mozilla Table Height!

I'm having a slight dilemma while testing my online games' website on the Mozilla browser. As you can see, all is well when the website is launched in Internet Explorer. However, when accessed by a visitor using Mozilla, the two links' bars (shaded in light blue) appear to be drastically stretched. I heard correcting something relating to the table's 'line-height' could resolve this issue, but I simply lack the technical expertise to do so myself. Hence, I'm wondering if someone here could guide me through correcting this?

 

Recode the html to get rid of the inlined styles. They're wasteful and inelegant. A menu should be structured as a list; after all, that's what a menu is, a list. I'll leave you with the <p> for this solution.

<td colspan="5">
  <p class="navigation">
    <a href="http://www.bootyarcade.com" 
       target="_blank" 
       title="Play addicting games to cure your boredom!">Play Games</a>
    <span> | </span>
    <a href="http://www.girldressupgames.net" 
       target="_blank" 
       title="A large selection of girls' dress up games!">Dress Up Games</a>
    <span> | </span>
    ...
  </p>
</td>
=====================
p.navigation {
  font-size: 7pt;  /*point sizing is inappropriate for the web*/
  margin: 0;
  }

.navigation span {
  font-size: 6pt;
  }

Code (markup):

cheers,

gary