title: Use iframe as a link?
body: <p>I am using an iframe and in the iframe I am loading a dynamic image. I want to use that image as a link to the respective article. Actually this is a news site. </p>
  
  <p>I already have used many stuffs like:</p>
  
  <pre><code>&lt;a href="whatever.."&gt;&lt;iframe src="dynamic url"&gt;&lt;/iframe&gt;&lt;/a&gt;
  </code></pre>
  
  <p>does work with IE but not with safari and FF.</p>
  
  <p>and </p>
  
  <p>some tweets like </p>
  
  <pre><code>div.iframe-link {
      position: relative;
  }
  a.iframe-link1 {
      position: absolute;
      top: 0;
      right: 0;
      bottom: 0;
      left: 0;
  }
  </code></pre>
  
  <p>code:</p>
  
  <pre><code>&lt;div class="iframe-link"&gt;
      &lt;iframe src="file" width="90px" height="60px" frameborder="0" scrolling="no"
       marginheight="0" marginwidth="0" allowtransparency="true" noscaling="true"&gt;
      &lt;/iframe&gt;
      &lt;a href="url" target="_top" class="iframe-link1"&gt;&lt;/a&gt;
  &lt;/div&gt;
  </code></pre>
  
  <p>worked in FF and Safari not in IE7,8.</p>
  
  <p>SO can anybody suggest what to do..</p>
  
  <p>any help would be appreciated.</p>
  
  <hr>
  
  <p>The Iframe is loading a dynamic address of image like::::</p>
  
  <pre><code>&lt;div class="news_img01"&gt;
      &lt;div onclick="window.open('URL','_self')" style="cursor: pointer;"&gt;&lt;br&gt;
          &lt;iframe scrolling="no" height="60px" frameborder="0" width="90px" noscaling="true" allowtransparency="true" marginwidth="0" marginheight="0" src="thumbnails/1188.gif"&gt;
          &lt;/iframe&gt;
      &lt;/div&gt;
  &lt;/div&gt;
  </code></pre>
  
  <p>so i cant add  tag inside but already wrapped  tag inside . it worked for IE but not for others like FF, Safari..</p>