javascript and css, div

I have the following javascript

[CODE]function i33020001() {
document.getElementById(‘photogallery’).innerHTML='<img id=”gallery” src=”Pictures/33020001.jpg” />’;
}[/CODE]

This code works but it is required to see my issue.

I have this div

[CODE]<div id=”photogallery”></div>[/CODE]

In my (external) css i have

[CODE]img.gallery {width:100px;}[/CODE]

How do i get it to actually use that css, it seems like css and javascript don’t like working together. I have tried all the following different css but none of them worked either.

[CODE].photogallery {width:100px;}
.photogallery > img {width:100px;}[/CODE]

I would prefer to be able to use css instead of setting it per picture inside its tag. Anyone have any ideas?

Also, I wasnt sure which to put this in, css or javascript. Since it is actualy the css that seems like the problem, i posted here.

Also in #CSS _↴