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?

[Rafael]

¿No te molesta si me horrorizo un poco?

Un mouse over para cambiar un logo hace como una década que no se hace con JavaScript sino con Css.

Pones el div con las dimensiones correctas.

Código HTML:

<div class="Logo">
</div>
 

Y la hoja de estilos queda

Código CSS:

div.Logo
{width: 200px;
height: 200px;
background-image: url("logo.png");}
 
 
div.Logo:hover
{background-image: url("logo-up.png");}
 

Haciendo ciertos ajustes puedes meter transiciones, cambios de opacidad, animación, etc.

---

En cuanto a tu código, no tiene caso meter la etiqueta script dentro del div, eso no se hace, o la pones al inicio o al final de la página, no anidado.