#tabsB a:hover span, #tabsB a#activetab span
{ background-position:100% -42px;color: #FFF; }
#tabsB a:link#activetab, #tabsB a:visited#activetab, #tabsB a:hover
{ background-position: 0% -42px; }


	id="activetab">
</style>


<div id="tabsB">


  <ul>
    <li ><a href="#" title="Link 1"><span>Link 1</span></a></li>
    <li><a href="#" title="Link 2"><span>Link 2</span></a></li>
    <li><a href="#" title="Link 3"><span>Link 3</span></a></li>
    <li><a href="#" title="Longer Link Text"><span>Longer Link Text</span></a></li>

    <li><a href="#" title="Link 5"><span>Link 5</span></a></li>
    <li><a href="#" title="Link 6"><span>Link 6</span></a></li>
	<li><a href="#" title="Link 7"><span>Link 7</span></a></li>
  </ul>
</div>