problemer med backgroundImage

Jeg ville gerne have at baggrundsbilledet på et element skifter når musen kørers over det.

HTML:

<td class="mnuButton" onmouseover="mouseon(this);" onmouseout="mouseoff(this);" onClick="java script:self.location.href='http://mydomain.dk/Pictures/index.php';"><p>Pictures</p>
</td>

java script:

function mouseon(sObj) {
    var st = sObj.style;
    st.backgroundImage='url(http://mydomain.dk/Images/bntFlame.png)';
    st.color='white';
  }
    function mouseoff(sObj) {
    var st = sObj.style;
    st.backgroundImage='url(http://mydomain.dk/Images/bntSilver.png)';
    st.color='blue';
  }
 
  if (parent.frames[0]) {
        parent.location.href = self.location.href;
}