[jQuery] Page will not display rendered html after DOM manipulation in IE

[jQuery] Page will not display rendered html after DOM manipulation in IE

<div>Basically, I am trying to build the framework for a picture gallery using the jquery-DOM plugin, but for some reason when I run the buildGallery function the rendered html does not get updated in IE. I have used IE DOM inspector to view the rendered html and the DOM and everything seems to be working fine, but for some reason the images do not show up in the browser. However, in Firefox everything works without a problem. Here is the javascript and test html page:
</div>
<div><font size="2"></font> </div>
<div><font size="2"><html></font></div>
<div>

<head>


<title></title>


<script language="javascript" type="text/javascript" src="jquery.js">


</script>


<script language="javascript" type="text/javascript" src="jquery/jquery-dom.js">


</script>


<script language="javascript" type="text/javascript">


var pic2005 = new Array(


"naturalbus001.jpg",


"naturalbus002.jpg",


"naturalbus003.jpg",


"naturalbus004.jpg",


"naturalbus005.jpg",


"naturalbus006.jpg",


"naturalbus007.jpg",


"naturalbus008.jpg",


"naturalbus009.jpg",


"naturalbus010.jpg",


"naturalbus011.jpg",


"naturalbus012.jpg",


"naturalbus013.jpg",


"naturalbus014.jpg",


"naturalbus015.jpg",


"naturalbus016.jpg",


"naturalbus017.jpg");



var imgPath = '2005';


var imgPathLarge = '2005Large';


var nArray = new Array();


var buildGallery = function(nColumns,nArray)


{


var nRows = (nArray.length/nColumns);


var nSource;


var nSize;


var nTd = new Array();


var nImg = new Array();


$('div.picGallery').append($.TABLE({'class' : 'picContainer'}));


for (i=0;i<nRows;i++)


{


$('table.picContainer').append($.TR({'class' : 'picRow'}));


}



for (j=0;j<nColumns;j++)


{


$('tr.picRow').append($.TD({'class' : 'picColumn'}));


}



$('td.picColumn').append($.IMG({'class' : 'small'}));



nSize = $('td.picColumn').size();


nTd = $('td.picColumn').get();


nImg = $('img.small').get();




for (k=nSize-1;k>=0;k--)


{


nSource = imgPath+'/'+nArray[k];


if (k>=nArray.length)


{


nTd[k].style.display= 'none';


}else{


nImg[k].src=nSource;


}


}


}



</script>



<link rel=stylesheet type="text/css" href="picGallery.css"/>


</head>


<body>


<button onclick="buildGallery(4,pic2005);">Click</button>


<div class=picGallery>


&nbsp;


</div>


</body>


</html>

</div>
<div>Any help would be certainly appreciated. I have been pulling my hair out trying to figure this out. Thanks.</div>
_______________________________________________
jQuery mailing list
discuss@jquery.com
http://jquery.com/discuss/