Bild-url ändern bei hover eines anderen Bildes.

[RubyFireTifa]

Hallo, ich arbeite zum ersten Mal mit css und hab folgendes Problem:
Das sich das mittlere Bild auch ändern soll wenn die Maus ein kleines Bild darunter hovern soll, wie bei einer Bildergalerie. Mir fehlt so ein Befehl wie:
change.bild= url
im css.

Zum Beispiel ist meine Testseite: http://home.arcor.de/BlackGarnet/test/html/test.html

Wenn man auf das kleine Bild unten links geht, soll anstatt dem derzeitigen Bild in der Mitte (http://home.arcor.de/BlackGarnet/test/i ... /bild1.jpg) das Bild angezeigt werden: (http://home.arcor.de/BlackGarnet/test/i ... /bild2.jpg)

Das css ist so:

--------------------------------------------------------------------------------------------

#nav_pic1
{
display: block;
z-index: 1;
width: 56px;
height: 52px;
position: absolute; left: 145; top: 757;
background: url("../images/brand/pic1.jpg")
no-repeat 0 0;
}

#nav_pic1:hover
{
z-index: 2;
width: 56px;
height: 52px;
position: absolute; left: 145; top: 757;
background: url("../images/brand/pic1_s.jpg")
.bild background: url("../images/brand/pic1_s.jpg")
}

#nav_pic1 span
{
display: none;
}

#Bild
{
display: block;
z-index: 3;
width: 697px;
height: 475px;
position: absolute; left: 180; top: 216;
background: url("../images/brand/bild1.jpg")
no-repeat 0 0;
}
--------------------------------------------------------------------------------------------

Ich muss also irgendwie unter:
#nav_pic1:hover
meinen Befehl "verändere Bild in: bild2.jpg einfügen?

Ist das überhaupt möglich?

see u