NAV BAR problem only in Firefox?!? REPEATED BUTTON-Help

[zeech26]

Hello, using a CSS script I built from the apple.com theme, I am having problems in firefox with a repeated final button on my Nav Bar, but no problems in any other browsers.

I have tried to figure out what is causing the button to repeat and drop down and have had no luck. Anyone want to share their thoughts?
I thank you in advance!
zeech

Here is the URL:http://www.surflaspalmeras.com/header_test.html
Here is the code:
<div id="globalheader">
<!--googleoff: all-->
<ul id="globalnav">
<li id="home"><a href="index.html">Home</a></li>
<li id="surfing"><a href="surfing.html">Surfing</a></li>
<li id="activities"><a href="activities.html">Activities</a></li>
<li id="reservations"><a href="reservations.html">Reservations</a></li>
<li id="about_us"><a href="about_us.html">About Us</a></li>
<li id="spanish"><a href="spanish.html">Z</a></li>
</ul>
</div>

Here is the CSS:
/* GLOBALHEADER */
#globalheader { width: 800px; height: 25px; margin: 1px auto 2px auto; position: relative; z-index: 9998; padding-left:2px; background-color:#000000; }
#globalheader #globalnav { margin: 0; padding: 0; }
#globalheader #globalnav li { display: inline; }
#globalheader #globalnav li a { float: left; width: 133px; height: 0; padding-top: 25px; overflow: hidden; }
#globalheader #globalnav li a,
#globalheader #globalnav {background-image:url(../images/NAVBAR.png); background-repeat: no-repeat; }
/* BUTTONS */
#globalheader #globalnav li#home a { background-position: 0 0; }
#globalheader #globalnav li#surfing a { background-position: -133px 0; }
#globalheader #globalnav li#activities a { background-position: -266px 0; }
#globalheader #globalnav li#reservations a { background-position: -399px 0; }
#globalheader #globalnav li#about_us a { background-position: -532px 0; }
#globalheader #globalnav li#spanish a { background-position: -665px 0; }
/* OVER STATES */
#globalheader #globalnav li#home a:hover { background-position: 0 -25px; }
#globalheader #globalnav li#surfing a:hover { background-position: -133px -25px; }
#globalheader #globalnav li#activities a:hover { background-position: -266px -25px; }
#globalheader #globalnav li#reservations a:hover { background-position: -399px -25px; }
#globalheader #globalnav li#about_us a:hover { background-position: -532px -25px; }
#globalheader #globalnav li#spanish a:hover { background-position: -665px -25px; }
/* PRESSED STATES */
#globalheader #globalnav li#home a:active { background-position: 0 -50px; }
#globalheader #globalnav li#surfing a:active { background-position: -133px -50px; }
#globalheader #globalnav li#activities a:active { background-position: -266px -50px; }
#globalheader #globalnav li#reservations a:active { background-position: -399px -50px; }
#globalheader #globalnav li#about_us a:active { background-position: -532px -50px; }
#globalheader #globalnav li#spanish a:active { background-position: -665px -50px; }
/* ON STATES */
#globalheader.home #globalnav li#home a:hover { background-position: 0 0; cursor: default; }
#globalheader.surfing #globalnav li#surfing a { background-position: -133px -75px !important; }
#globalheader.activities #globalnav li#activities a { background-position: -266px -75px !important; }
#globalheader.reservations #globalnav li#reservations a { background-position: -399px -75px !important; }
#globalheader.about_us #globalnav li#about_us a { background-position: -532px -75px !important; }
#globalheader.spanish #globalnav li#spanish a { background-position: -665px -75px !important; }

[coothead]

Possible solution given here...

• http://www.dynamicdrive.com/forums/s...ad.php?t=48946

coothead