Wie muss deklariert werden?

Liebe/-r Experte/-in,
ich möchte, dass ein Bild bei mousover versetzt und vergrößert dargestellt wird. Ein Teil ist mir gelungen, allerdings verschwindet das Ausgangsbild. Wenn ich den auskommentierten Text im body aktiviere, erscheint das kleine Bild im Großen. Was mache ich falsch? Hier mein
Code:

#img {
width: 100px;
height:70px;
background: url(audik.jpg);
background-repeat: no-repeat;
}

#img:hover {
float:left;
margin-left: 110px;
width:300px;
height: 169px;
background: url(audig.jpg);
background-repeat: no-repeat;
}

War dringend eingespannt und konnte bisher das Problem nur ein paar mal überfliegen. Idee: Das Bild unter 2 Namen mit If … aufrufen. Bin nicht zum Test gekommen
Hajo