weird link problem

so i’m using jquery accordion for my navigation menu and setting color classes to all the links – here’s an example

[CODE]#museum {
color:#787878; margin: 5px 0; font-weight:bold;}
#museum:hover {
color:#f27836; margin: 5px 0; font-weight:bold;}

.museum {
color:#787878; margin: 5px 0; font-size:10px;}
a.museum:hover {
color:#f27836; margin: 5px 0; font-weight:bold;}
a.museum:link {
color:#787878; margin: 5px 0; font-size:10px;}
[/CODE]
[CODE]<h1 class=”accordion_toggle” id=”museum”>museum</h1>
<div class=”accordion_content”>
<ul>
<li><a href=”#” class=”museum”>galleries</a></li>

<li><a href=”#” class=”museum”>campus</a></li>

<li><a href=”#” class=”museum”>membership</a></li>

<li><a href=”#” class=”museum”>press room</a></li>

<li><a href=”#” class=”museum”>employment</a></li>

<li><a href=”#” class=”museum”>who we are</a></li>
</ul>
</div>[/CODE]

at this state the links in museum will rollover to the corresponding color. however, i need to populate the # with absolute paths and only in certain cases – not all cases does putting an absolute link break the css.

so in laymans – if i put 10 links in 3 will work while the rest of the seven will not – nothing is broken and all closing tags etc are there. does anyone have any idea? would like to hear from the people who’ve also used accordion

Also in #CSS _↴