Fanebladssider virker ikke i Safari

På min hjemmeside: http://www.musikipedia.dk/
har jeg på forsiden lavet nogle fanebladssider vha. JavaScript (fanerne Guides, Sitemap osv.).
Det virker fint i FireFox og IE, men i Safari er der problemer;
Hvis man har scrollet ned på siden (ligegyldigt hvor meget), og så klikker på en af fanerne, så kommer vinduet OGSÅ frem i øverste venstre hjørne af browservinduet (se screenshot):
http://www.musikipedia.dk/eksempel.png

Problemet opstår kun i Safari og kun hvis man er scrollet ned på siden.
Er der nogle der ved hvad det kan skyldes?

Her er JavaScriptet der kører det hele:

onload = function() {
	var e, i = 0;
	while (e = document.getElementById('gallery').getElementsByTagName ('DIV') [i++]) {
		if (e.className == 'on' || e.className == 'off') {
		e.onclick = function () {
			var getEls = document.getElementsByTagName('DIV');
				for (var z=0; z<getEls.length; z++) {
				getEls[z].className=getEls[z].className.replace('show', 'hide');
				getEls[z].className=getEls[z].className.replace('on', 'off');
				}
			this.className = 'on';
			var max = this.getAttribute('title');
			document.getElementById(max).className = "show";
			}
		}
	}
}

Og her er css-filen til fanebladssiderne:

#gallery {font:11px verdana,arial,sans-serif; width:877px; padding:15px 0 0 0; line-height:15px;}
#gallery div.off {color:#000; height:33px; margin-right:2px; line-height:33px; padding:0 20px; float:left; background:url(http://www.musikipedia.dk/forside/tabs_0.gif) repeat-x left bottom; border:1px solid #ddd; border-bottom-color:#000; cursor:pointer; position:relative; z-index:20;}
#gallery div.on {color:#c00; padding:0 20px; margin-right:2px; margin-top:1px; float:left; background:url(http://www.musikipedia.dk/forside/tabs_2.gif) repeat-x left bottom; border:1px solid #000; cursor:pointer; border-bottom:0; height:33px; line-height:32px; position:relative; z-index:100;}

div.hide {display:none; width:0; overflow:hidden;}
div.show {clear:left; background:#fff; width:877px; margin-top:0;top:-1px; border:1px solid #000;padding:20px; position:relative; z-index:50;}
div.show img {}
.clear {clear:both;}