views:

412

answers:

0

Hi.

We have a tabbed navigation with an "active" class for the active tab.

http://www.assemblyhalltheatre.co.uk/page/107/Jethro/116#ShowInfo

<ol class="subnavTabs">
<li class="active">
<a class="ShowInfo" href="#ShowInfo">Show Info
</a>
</li>
<li>
<a class="Reviews" href="#Reviews">Reviews
</a>
</li>
</ol>

and the Javascript

function initCufon () {
    Cufon.replace('.subnavTabs li');
}
$(document).ready(function () { initCufon(); });

The unactive tabs are supposed to have a color:#ffffff and the active tab is supposed to have color:#0D358F.

Cufon though makes all the tabs, including the active one white and the active tab (white font colour on white background) is not legible.

Any hints on this? Thanks