First a tag created in a Javascript loop not implemented
<p>I am trying to populate a div (class='thumb") with thumnailpictures. The name of the pictures is gathered from an xml file. Every thumnail picture is encapsulated with an a-tag that points to a function to show the full picture.</p>

<p>On some browsers the first thumbnailpicture seems not to have this a-tag...clicking on it gives no action...</p>

<pre><code>var rubriek = gup('rubriek'), // rubriek is a parameter in the url of this page pointing a specific photogallery
    gallerij = rubriek + "gallery.xml",
    xmlDoc = loadXMLDoc(gallerij),
    x = xmlDoc.getElementsByTagName("filename"),
    legebron = x[0].childNodes[0].nodeValue;

for (i = 0; i &lt; x.length; i++) {
    var beeldnummer = x[i].childNodes[0].nodeValue,
        index = i + 1,
        kleinbeeld = "/" + rubriek + "images/thumb/" + beeldnummer;

    $('.thumb').append('&lt;p&gt;&lt;a class="kleintje" onclick="toonDezeFoto(&amp;quot;' + beeldnummer + '&amp;quot;,' + index + ',' + x.length + ');"&gt;
&lt;img src="' + kleinbeeld + '" id="' + index + '"&gt;
&lt;/a&gt;&lt;/p&gt;');
}
</code></pre>

<p>See <a href="http://www.karinedaelman.be/foto.php?rubriek=Mensen/" rel="nofollow">http://www.karinedaelman.be/foto.php?rubriek=Mensen/</a> </p>

<p>Found the solution: the z-index of the div that keeps the thumbnails was too low. Another div that has the site logo in it had a higher z-index and a width of 100%. Because of that the first thumbnail image was on a layer below the site logo and could not be accessed by the mouseevents....</p>
