[PeeweeJD]

I have a hack on a board that can toggle avatars toggle xbox live gamercards.

For each post, the avatar area loads 2 divs: one shows the icon, the other shows an xbox live gamercard in an iframe

The xbox live one is hidden by default. To show it, a user clicks an xbox 360 logo under the user info area and a javascript toggles the visibility of the two divs.

Here is the html that ends up in the browser.

<div id="foreground_56432" style="display: block;">
&nbsp;<br /><a href="member.php?u=61"><img src="image.php?u=61&amp;dateline=1153025849" alt="Seth's Avatar" border="0" /></a>
</div>
<div id="background_56432" style="display: none;">
<br/><iframe src="http://gamercard.xbox.com/Diamond Jack.card" scrolling="no" frameBorder="0" height="140" width="204">Diamond Jack</iframe>
</div>

It works great except for one thing (and so far its only a problem in IE). For each iframe it adds a history entry for the iframe's "src". So users have to click "back" like 12 times to go back.

Can anyone help me stop this behavior?