Image not aligning properly... I think?

[ricoontheradio]

The "Tell A Friend" button is not displaying correctly in Firefox for some reason, and I have no idea how to fix this. This image comes from the .css which I'm not familiar with. I know how to access it, and where the image is, but not sure how to fix this issue:

 

Site: http://www.allpopradio.com

 

Here is the code for that image:

 

 

    .nav1, .nav1 a, .nav1 a:visited, .nav1Current a {

      display: block;

      width: 128px;

      height: 35px;

      background: url(images/nav_tellfriend_off.gif);

      }

 

    .nav1 a:hover, .nav1 a:active {

      background: url(images/nav_tellfriend_on.gif);

      }

 

    .nav1Current, .nav1Current a, .nav1Current a:visited, .nav1Current a:active, .nav1Current a:hover {

      background: url(images/nav_tellfriend_on.gif);

      }

 

Ideas/thoughts on how to fix? Thank you in advance for any help.

[Brian W]

After playing with firebug for a while messing with the css, I discovered not why it was broken but a solution none the less (assuming it doesn't f up IE). Change this css class to:

.popup2 {
color:#000;
text-decoration: none;
font-weight: bold;
        postioning:relative;
        height:38px;
}

All I did was add that height value.

Make sure you save a backup copy of your css file before messing with it :-)