Bildadresse bei onmousehover ändern

[Leonard]

Hallöle,

Ich habe unter zu Hilfenahme von CSS einen Div-Container erstellt, der sich in der Mitte meines Dokuments befindet und eine prozentuale Breite hat. In diesem Bereich befindet sich eine Grafik, die sich ebenfalls an die prozentuale Breite anpasst (um jegliche Auflösung zu gewährleisten):

CSS:

#logo {  
    background:none;  
    position:absolute;  
    top:70px;  
    margin-top:0px;  
    left:-7.5%;  
    margin-left:50%;  
    width:15%;  
    height:38px;  
    border: 0px;  
}  

HTML:

<div id="logo">  
<img src="images/logo.png" width="100%" height="38px">  
</div>  

Jetzt möchte ich gerne diese Grafik in einen Link verwandeln. ich weis wie man es in CSS schreibt:

#link1 a:link, #link1 a:visited, #link1 a:active {  
    display:block;  
    border: 0px;  
    background-image:url(images/link.png);  
    background-repeat: none;  
    width: 153px;  
    height: 30px;  
    color:none;  
    text-decoration:none;  
}  
  
#link1 a:hover {  
    display:block;  
    border: 0px;  
    background-image:url(images/link-h.png);  
    background-repeat: none;  
    width: 153px;  
    height: 30px;  
    color:none;  
    text-decoration:none;  
}

Dabei geht aber meine PROZENTUALE Breite verloren, da es sich bei diesem Modell um eine Hintergrundgrafik handelt, die man nicht prozentual beschreiben darf. -leider-

Kann mir jemand einen Tipp geben, wie man vielleicht einfach nur die Bildadresse beim Mouse-Hover ändern kann?

Euer Leonard