Zabalení obrázku do DIV, firefox potom nezvládá náhled.

Na webu chci každý vložený obrázek zabalit do DIvu určité třídy a jeho popisek alt chci zobrazit pod ním, odřádkovaný jedním BR.

Kód, kterým to dělám:

function objGet(x) {d=document; return (d.getElementById?d.getElementById(x):d.all?d.all[x]:d.layers?d.layers [x]:null);}
function insertAfter(parent, node, referenceNode)
{
parent.insertBefore(node, referenceNode.nextSibling);
}
function putAlt(idecko)
{
var i,o,x,m,d1,d2,a,divik;
var o=objGet(idecko).getElementsByTagName("IMG");
for(i=0;i<o.length;i++)
{ m=o[i];
a=m.getAttribute("alt");
d1=document.createElement("dfn");
d2=document.createTextNode(a);
d1.appendChild(d2);
divik=document.createElement("div");
divik.className = 'pic';
divik.appendChild(m.cloneNode(true));
divik.appendChild(document.createElement("br"));
divik.appendChild(d1);
m.parentNode.insertBefore(divik, m);
m.parentNode.removeChild(m);
}
}

Vezme to tedy <img alt="popisek">
a udělá to:
<div class=pic"><img alt="popisek"><br><dfn>popisek</dfn></div>

Toto je ve všech prohlížečích v pořádku. Problém je pokud ten obrázek odkazuje na jiný obrázek tj
<a href="neco" rel="lightbox"><img alt="popisek"></a>.

Zde používám lightbox ( http://serennz.sakura.ne.jp/toybox/lightbox/?en ) a prohlížeč FIREFOX náhled nedokáže zobrazit. Opera i IE to zvládnou v pohodě. V čem je FF jiný - jak mám upravit výše zmíněný kód?

Ukázka na http://a.milichovsky.com/