title: CSS Hover effect within Modal popup issue
body: <p>i have created a web page with a modal popup control.
  Within this control i dynamically build a html  to display data.
  Within some of the tables  tags i have the following:</p>
  
  <pre><code>&lt;td&gt;
  &lt;a href="#"&gt;&lt;span&gt;S&lt;/span&gt;&lt;span class="pop"&gt;description&lt;/span&gt;&lt;/a&gt;
  &lt;/td&gt;
  </code></pre>
  
  <p>i want to create a popup effect when hovering over the  tag.
  My CSS is:</p>
  
  <pre><code>a .pop {
      display:inline;
      position:absolute;
      visibility: hidden;
      background-color: #FFFFFF;
      border: solid 2px #000000;
      padding: 5px;
      margin: 0 0 0 10px;
      color: #000000;
      text-align: left;
      font-weight: normal;
  }
  
  a:hover .pop {
      visibility: visible;
  }
  </code></pre>
  
  <p>This works perfectly when i use the control within a standard HTML page.
  It appears to work within the modal popup control, until i need to scroll down the modal control when the table data is larger that the modal window.</p>
  
  <p>The hover effect then appears to not be working.  I think this is because im using the "position":"absolute" for the ".pop" class, and the hover effect is working, but its position is no longer relative to the  tag because I have scrolled through the page.</p>
  
  <p>I am not able to get round this and its killing me.  Do i need to dynamically reposition the control using a "mouseover" event, or can this be achieved via CSS, and I’m just missing something / being a novice.</p>
  
  <p>Karl</p>