Keep iFrame positioned inside centered <div>?

[welshbaloney]

Hello,
I have a simple page that consists of an image, some map hotspots, and an iframe that displays content when the hotspots are clicked:

<div id="wrapper">
<img src="blah.gif" />
...
some <area...target="iFrame"> tags
...
<iframe id="iFrame" src="home.htm">No iframe support!</iframe>
</div>

With the wrapper naturally aligning to the top/left of the browser window, the iFrame is aligned correctly in relation to this.

However, I want to center the image on the web page. When I align="center" the wrapper div, the iFrame stays where it is - misaligned.

When the browser page is adjusted and the wrapper div centers in the new browser window, how can I ensure that the iFrame position adjusts to maintain its position relative to the wrapper?

Thanks