I'm trying to implement the custom scrollbar script found at : http://scrollbar.tomvanleijsen.nl/ into my website which can be found at: http://gpf.net84.net/dj/index.html.

For some strange reason the scrollbar doesn't work on my site. In both the videos and Bio section the scrollbar is visible, but it can't be moved down.

In the music section the scrollbars don't appear at all, which is weird since it is the same coding.

Also what's annoying that when you slightly move your mouse to the left while selecting the scrollbar the whole text is being selected, while this isn't the case in the example on the site of the custom scrollbar.

I really hope someone can guide me in the right direction, cause I've been busy with this for hours and can't find the solution.

This is the html coding of my script:
Code:
		<div id="scrollpanel"><div id="text-block"><div id="text-block-content" class="textcolumn">
			<strong>Fly Seven - 12. Big Boy - A.K.A. Dirty D</strong><br>    <iframe width="425" height="349" src="http://www.youtube.com/embed/vmqKMBQE7k8" frameborder="0" allowfullscreen></iframe><strong>Fly Seven - Seven Shots Of Whiskey</strong><br>    <iframe width="560" height="349" src="http://www.youtube.com/embed/yhrA1aFagNo" frameborder="0" allowfullscreen></iframe><strong>Fly Seven - 13. How Do You Do (Bonustrack) - A.K.A. Dirty D</strong><br>   <iframe width="425" height="349" src="http://www.youtube.com/embed/TbzQegMv5gA" frameborder="0" allowfullscreen></iframe> 		
		</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>