onmouseover non funziona con firefox

mauri.88

onmouseover non funziona con firefox

In pratica ho un'immagine che si ingrandisce con "onmouseover" e torna normale con "onmouseout". Il tutto funziona, se non fosse che lo script devo inserirlo in una pagina di phpbb3 che utilizza questo doctype:

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" " h t t p : / / w w w . w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">

e con questo doctype onmouseover non funziona su firefox :(.

Il codice HTML è:

<img  id="boy" onmouseout="male_out()" onmouseover="male_on()"  src="images/boy.gif" width="107" height="220" />

e questo il codice in js:


function male_on()
{
    document.getElementById('boy').style.width="120";
    document.getElementById('boy').style.height="248";
}

function male_out()
{
    document.getElementById('boy').style.width="107";
    document.getElementById('boy').style.height="220";
}

Ho provato anche a utilizzare i css:


#boy {
    width: 107px;
    height: 220px;
}

Ma niente da fare, con IE funziona mentre con Firefox no. ovviamente togliendo il doctype non mi da nessun problema.
Quale potrebbe essere il problema?