IE7 non applica CSS a codice HTML generato dinamicamente con innerHTML in JavaScript

[Zak84]

Ciao a tutti.

Come da titolo, ho un problema con IE7.
All'interno di uno script genero del codice HTML che vado a posizionare in un DIV di una pagina HTML tramite la innerHTML.
Riporto un esempio:

JavaScript:

html_string = "<IMG src=.....>";
document.getElementById("mio_div").innerHTML = html_string;

CSS:

IMG{ cursor: crosshair; }

Con Firefox quando vado sull'immagine compare il cursore crosshair, mentre con IE7 non succede nulla.

Se la proprietà CSS la applico su un elemento statico della pagina funziona tutto perfettamente.


Consigli?

[Mich_]

Io vedo due problemi (ma non so se sono quelli che danno il problema):

1. L'uso di sintassi errata: il tag <IMG> non esiste nello standard: non e` un problema sull'HTML, dato che tutti i browser attuali accettano anche le maiuscole, ma non altrettanto funziona nei CSS

2. L'uso di innerHTML: e` una sintassi obsoleta. Per inserire degli elementi si usano altri metodi, che nel forum JS ti sanno dire (ci sono sicuramente anche dei thread con gia` la soluzione, quindi ti basta una ricerca nel forum). IE dovrebbe riconoscere senza problemi l'innerHTML se lavora in quirks mode, ma se usi XHTML Strict o successivi (quindi IE lavora in standard mode) potrebbe anche non riconoscere sintassi vecchie.

Altra domanda: quando viene inserito il pezzo, il CSS e` gia` stato interpretato dal brwoser?