Script "salta" una etiqueta DIV

[RAZGRIZ24]

Hola compañeros, ando atónito, a ver si me podéis echar un cable.

Tengo un script introducido en medio de un HTML. Nada raro hasta aquí.

La cosa es que el script está dentro de una capa, el programa que uso para picar código tiene la función que especifica, al situar el cursor sobre una etiqueta, su inicio y su final.

El código es el siguiente:

Código HTML:

<div id="left" class="topheader-div">
            <img id="twitterlogo" class="img-logotwitter" src="index-files/twitter-out.png" />
                <script>
                    $('#twitterlogo').mouseover(function() {
                        $('#twitterlogo').attr("src", "index-files/twitter-in.png");
                    });
                    $('#twitterlogo').mouseout(function() {
                        $('#twitterlogo').attr("src", "index-files/twitter-out.png");
                    });
                </script>
            </div>
 

Al situar el cursor sobre la etiqueta </div> detrás del script, ésta queda "huérfana", de manera que al ascender sobre etiquetas div "padres", siempre me sobra una.

si trato de cerrar etiqueta antes del </div>, todo va normal; si trato de cerrarla después, el programa me sugiere ésto:

Código HTML:

</$('#twitterlogo').mouseover(function()>
 

Visualmente no parece afectar al diseño de la página, pero no quiero dejar el código así habiendo algo raro.

PD:

Si elimino todo el contenido de script, el "fallo" persiste, pero la nueva sugerencia de línea ante el script vacío es ésta:

Código HTML:

</<>
 

Se os ocurre algo?