<a href="#... doesn't work anymore

I've made some little changes to my coding, and since then my anchor links ain't working any more.

Basicly my coding looks like this:


<div id="scrollpanel"><div id="text-block"><div id="text-block-content" class="textcolumn">
<div id="bio" class="roundpic">
<p>
some text here

</p>


</div>
</div>
<div id="slide"><div id="slider" onmousedown="tvl_sb_grab(this);"></div><div id="slidebar"></div></div>
</div>

<script type="text/javascript" language="javascript">
tvl_sb_init("text-block", "text-block-content", "slider", "slidebar");
</script>





</div>


And I call this anchor with:


<li><a href="#bio">Bio</a></li>


For the full coding, you can take a look at: http://gpf.net84.net/dj/bio.html

I really hope someone can explain what I am doing wrong here, I need those anchors working again.

When your page loads, all of your divs are set to display: none.

So when you call the link to the anchor, it "goes" there, but it doesn't change the display to block. You'd need to do that with jquery (or javascript).