CSS not being applied.

[The Little Guy]

I have this script running from an iframe:

<script type="text/javascript">
var ni = parent.document.getElementById('albumPhotos');
var newdiv = document.createElement('img');
newdiv.setAttribute('onclick', "loadBody('photos','id','<?php echo mysql_insert_id(); ?>');");
newdiv.setAttribute('class', "photoAlbum");
newdiv.setAttribute('src', "http://img.publicsize.com/photo/<?php echo $dir; ?>/thumb/<?php echo $file; ?>.jpg");
ni.insertBefore(newdiv, ni.firstChild.nextSibling);
</script>

 

The script works, in Firefox and Chrome, but in Chrome the class attribute gets set to the tag, but it doesn't physically apply the css to the tag. What the css does is give the image a 3px padding, a white border, and hover properties. It works 100% fine in Firefox, but not in Chrome. Why?