Positionierung des Bildes bei onmouseover

[Norbert]

Hallo,
ich bin ein Anfänger und hätte gerne einen Rat zu folgendem Problem:
Ich habe mehrere kleine GIF-Bilder, die mit onmouseover derart hinterlegt sind, daß das jeweilige Bild in größerem Format als jpg.Bild angezeigt wird.

Das Problem dabei: Ich möchte das größere Bild in der Mitte des Bildschirmes positionieren. Dazu habe ich keine Idee (und Ahnung). Kann mir vielleicht jemand helfen?

Mein Code (noch ohne CSS-Formatierung):
<div id="Bild1"><img src= "Bild1.gif" onmouseover ="this.src  = 'Bild1.jpg';" onmouseout="this.src='Bild1.gif';"/></div>
<div id="Bild2"><img src= "Bild2.gif" onmouseover ="this.src  = 'Bild2.jpg';" onmouseout="this.src='Bild2.gif';"/></div>

Vorab besten Dank für eine Antwort!!!