Works in IE but not FF

I have the code as outlined below. It works in IE6 but I can't get the left tab image to display on active. Any help would be fantastic.

/*- Global nav-------------------------- */

#global-nav {
float:left;
width:760;
background:#FFF;
font-size:100%;
line-height:normal;
}
#global-nav ul {
margin:0;
padding:10px 100px 0 10px;
list-style:none;
}
#global-nav li {
display:inline;
margin:0;
padding:0 0 0 0;
}
#global-nav a {
float:left;
background:url("tableftI.gif") no-repeat left top;
margin:0;
padding:0 0 0 4px;
font:15px Arial, Helvetica, sans-serif;
font-weight:bold;
text-decoration:none;
}
#global-nav a span {
float:left;
display:block;
background:url("tabrightI.gif") no-repeat right top;
padding:5px 15px 4px 6px;
color:#012358;
}
/* Commented Backslash Hack hides rule from IE5-Mac \*/
#global-nav a span {float:none;}
/* End IE5-Mac hack */
#global-nav a:hover span {
color:#012358;
text-decoration:underline;
}

#global-nav a#activetab span {
background-position:100% -27px;color: #FFF;
}

#global-nav a:link#activetab, #global-nav a:visited#activetab, {
background-position: 0% -27px;
}

</style>
</head>

<body>

<div id="global-nav">
<ul>
<li><a id="activetab" href="#" title="Link 1"><span>Home</span></a></li>
<li><a id="activetab" href="#" title="Link 2"><span>Travel</span></a></li>
<li><a href="#" title="Longer Link Text"><span>Insurance</span></a></li>
<li><a href="#" title="Link 3"><span>Cars & Car Care</span></a></li>
<li><a href="#" title="Link 5"><span>Membership</span></a></li>
<li><a href="#" title="Link 6"><span>Newsroom</span></a></li>
<li><a href="#" title="Link 7"><span>Your Profile</span></a></li>
</ul>
</div>

Works in IE but not FF

Can't get an image to display

macz_g

JAB Creations

SuzyUK

macz_g

Join The Conversation

Moderators and Top Contributors

Hot Threads This Week