jquery, iframe & ie

merhaba
benim sorunum şu. Untitled Document linke yüklediğim uyglama internet explorerda çalışmıyor. örnekteki sitede içerikleri hide show div uygulamasyıyla gösteriyorum. yani linklere tıklayınca içerik alanı açılıp kapanıyor. örnekteki hakkımızda sayfasına tıklayınca frame içerisinde basic.html dosyasını çalıştırıyor. bu basic.html dosyasında scroolbar ı renki gösteren bir uygulama mevcut. sadece internet explorerda yaşadığım sorun ise şu. hakkımızda butonuna tıklayınca açılan sayfada bu scroolbar uygulaması çalışmıyor. ama "tarihçe" linkine basınca yine aynı dosya olan basic.html deki o jquery çalışıyor. benim anlamadığım niye ilk seferde çalışmıyor. önceden yuklenmesimi gerekiyor ki firefox ve chorme da bu sorun yok. .

1- divleri çağırdığım link kodu (hakkimizda sayfasi) :
<a href="javascript:showHidePanEls('1');" id="link1">Hakkımızda</a></li>

script kodu :

<script language="javascript">
function showHidePanels(panelId)
{
for(i=1; i<=2; i++)
{
if (i!=panelId)
{
document.getElementById("bolum" + i).style.display = "none";
document.getElementById("link" + i).style.textDecoration= "none";
}
}

if (document.getElementById("bolum" + panelId).style.display == "none")
{
document.getElementById("bolum" + panelId).style.display = "block";
document.getElementById("link" + panelId).style.textDecoration= "underline";
}
}
</script>


2- açılan div

<div id="bolum2">
<iframe src="hakkimizda.html" name="iframe_a" width="740" height="370" frameborder="0"></iframe>
</div>

3- hakkimizda.html sayfasının iframe içerisinde çalışmayan scripy kodu:

<script type="text/javascript" id="sourcecode">
$(function()
{
$('.scroll-pane').jScrollPane();
});
</script>

ne yapmam gerekiyor, yol gösterirseniz sevinirim