title: Image not moving in the browser window
body: <p>I have an image which I would like to position near the right margin of my HTML page, and hover over all else on the page. I would also like the image to stay near the right margin when the window is resized. As of now, the image stays in a fixed position within the browser window instead, even appearing outside the page content area when the browser window is extended wide. My page content is centered in the browser window. Below is the code on the image:</p>
  
  <pre><code>&lt;table width="100%" border="0" cellspacing="0" cellpadding="0"&gt;
  &lt;tr&gt;
  &lt;td align="center" valign="top"&gt;
  &lt;table width="900" border="0" cellspacing="0" cellpadding="0" align="center"&gt;
  &lt;tr&gt;
  &lt;td background="../images/FWA_INV_head.jpg" valign="top" align="center"&gt;
  &lt;img src="images/bannerX.png" border="0" class="image" style="position:absolute;z-index:90;&gt;
  </code></pre>
  
  <p>and here is the CSS:</p>
  
  <pre><code>.image {    
  position:absolute;
  opacity:.90;
  -moz-opacity:.90;
  filter:alpha(opacity=90);
  }
  </code></pre>
  
  <p>Please help me see the error of my ways.</p>