Ok, I screwed up what I put up. I hate when I do that
You don't need a div wrapping around the iframe, you need a div overlaying the iframe.
Anyway, I put a demo page up for you at
Cameltoepro's Iframe test
When you click anywhere on the iframe it opens a new tab/window for the same url as the iframe. You can, of course make the url anything you want.
I used absolute positioning to put the overlay directly over the iframe. You could do a div that overlays the entire page and you would not have to do the positioning on the iframe but then any click on the page would go to the url.
The code in there for the pertinent section is:
<!-- destination url -->
<a target=_blank href=https://imlive.com/hostlist.ashx?cat=1&Roomid=10,160&fromsearch=detai l&gallery=1&captionid=1>
<iframe style="position:absolute;top:50px;left:50px;width: 500px;height:500px;" src=https://imlive.com/hostlist.ashx?cat=1&Roomid=10,160&fromsearch=detai l&gallery=1&captionid=1 scrolling=no></iframe>
<!-- This div overlays the iframe -->
<div style="position:absolute;top:50px;left:50px;width: 500px;height:500px;"></div>
</a>
Tested in Chrome, FF and Opera.
.