Cufon - hover Opcje

[Mega_88]

Hej ! Mam bardzo pilną rzecz do zrobienia, a już się pogubiłem. Nie wiem czy za to jest odpowiedzialny skrypt Cufon czy może czegos w CSS nie mam. Może ktoś rzucić na to okiem i mi pomóc ?

Chodzi o to, że sama funkcja hover działa, ale jeżeli wejdę w jakąś zakłądkę chce żeby kolor był zachowany z "hover". Czyli tak na szybko - Mam link "Start" , który jest biały po najechaniu kursorem robi się czarny, ale i po kliknieciu w "Start" również zostaje czarny. Może ktoś pomóc ? Poniżej linie kodu:

Kod strony

<?php
if ($id==7 or $id==8 or $id==9) echo
'<div class="menu1">
<a href="start" style="margin-right:10px"><h3>Start</h3></a>
<a href="historia" style="margin-right:10px"><h3>Start</h3></a>
<a href="srebrna" style="margin-right:10px"><h3>Start</h3></a>
<a href="zlota" style="margin-right:10px"><h3>Start</h3></a>
<a href="brazowa" style="margin-right:10px"><h3>Start</h3></a>
<a href="kontakt" style="margin-right:0px"><h3>Start</h3></a>
</div>'
?>

JS do Cufon

Cufon.replace("h3", { hover: {color: '#bb9e55'} });

CSS

.menu1 { float:right; width:720px;height:10px;margin-top:100px;}
.menu1 a, .menu1 span { display:block;float:left;margin-left:5px }
.menu1 a { color:#ffffff;font-size:12px;}
.menu1 a:hover { color:#bb9e55;font-size:12px;padding-bottom:10px;}
.menu1 span { color:#bb9e55;font-size:12px;}

[Mega_88]

Zrobiłęm w ten sposób i nie działa:

<?php
if ($id==7 or $id==8 or $id==9) echo
'<div class="menu1">
<a href="start" class="current" style="margin-right:10px"><h3>Start</h3></a>
<a href="historia" class="current" style="margin-right:10px"><h3>Start</h3></a>
<a href="srebrna" class="current" style="margin-right:10px"><h3>Start</h3></a>
<a href="zlota" class="current" style="margin-right:10px"><h3>Start</h3></a>
<a href="brazowa" class="current" style="margin-right:10px"><h3>Start</h3></a>
<a href="kontakt" class="current" style="margin-right:0px"><h3>Start</h3></a>
</div>'
?>

.menu1 { float:right; width:720px;height:10px;margin-top:100px;}
.menu1 a, .menu1 span { display:block;float:left;margin-left:5px }
.menu1 a { color:#ffffff;font-size:12px;}
.menu1 a:hover { color:#bb9e55;font-size:12px;padding-bottom:10px;}
.menu1 a:current { color:#bb9e55;font-size:12px;padding-bottom:10px;}
.menu1 span { color:#bb9e55;font-size:12px;}

Zrobiłem też w ten sposób i nie działa:

<?php
if ($id==7 or $id==8 or $id==9) echo
'<div class="menu1">
<a href="start" class="current" style="margin-right:10px"><h3>Start</h3></a>
<a href="historia" class="current" style="margin-right:10px"><h3>Start</h3></a>
<a href="srebrna" class="current" style="margin-right:10px"><h3>Start</h3></a>
<a href="zlota" class="current" style="margin-right:10px"><h3>Start</h3></a>
<a href="brazowa" class="current" style="margin-right:10px"><h3>Start</h3></a>
<a href="kontakt" class="current" style="margin-right:0px"><h3>Start</h3></a>
</div>'
?>

.menu1 { float:right; width:720px;height:10px;margin-top:100px;}
.menu1 a, .menu1 span { display:block;float:left;margin-left:5px }
.menu1 a { color:#ffffff;font-size:12px;}
.menu1 a:hover { color:#bb9e55;font-size:12px;padding-bottom:10px;}
.current { color:#bb9e55;font-size:12px;padding-bottom:10px;}
.menu1 span { color:#bb9e55;font-size:12px;}

Więc o co tu chodzi ?