<div> and <span> not working in FireFox
<p>Currently I am trying to use <code>&lt;div&gt;</code> and <code>&lt;span&gt;</code> tags as labels for my JavaScript. This works when using IE and Google Chrome, but does not work in FireFox. The JavaScript Error Console says "imgNo is not defined".</p>

<p>This is the function where I set the div tag:</p>

<pre><code>function next_picture() {
        if (document.images) {
            if (pictureNum &lt; 21) {
                pictureNum++;
                document.TravelAlberta.src = picture[pictureNum].src;
                imgNo.innerHTML = "Image " + (pictureNum + 1) + " of 22";
            }
            else
                alert("This is last picture");
        }
        else
            alert("Your browser does not support images");
    }
</code></pre>

<p>This is the code in the Body</p>

<pre><code>&lt;div id="imgNo" class="style1"&gt;
    Image 1 of 22&lt;/div&gt;
&lt;p class="style1"&gt;
    &lt;img alt="" class="style3" src="images/back_button.gif" id="Back" name="Back" onclick="back_picture()" /&gt;

    &lt;img alt="" class="style4" src="images/next_button.gif" id="Next" name="Next" onclick="next_picture()" /&gt;&lt;/p&gt;
</code></pre>
