Javascript Problem! Not changing the css style
<p>I have this code in JavaScript:</p>

<pre><code>function change() {

        document.getElementById("mem").className = 'gif';

}
</code></pre>

<p>The fig and gif are like this:</p>

<pre><code>a.fig {

background: #FFFFFF;

}

a.gif {

background: #000099  ;
}
</code></pre>

<p>and the function is used like this </p>

<pre><code>&lt;a class ="fig" id ="mem" onClick="javascript:change()" href="users" &gt;
</code></pre>

<p>Where the only difference between <em>gif</em> and <em>fig</em> in CSS is that they have different background colors.  The problem is that the change is only noticeable in just a second and it is not permanent!</p>

<p>Any ideas?</p>
