CSS: position:absolute inside position:relative, but not affecting parent?

Posted by JP on Stack Overflow See other posts from Stack Overflow or by JP
Published on 2010-04-06T22:54:49Z Indexed on 2010/04/06 23:03 UTC
Read the original article Hit count: 180

Filed under:
|
<style>
#special p { display:none; }
#special:hover p { display:block; }
</style>

<table>
  <tr>
    <td style="width:200px">Things</td>
    <td style="position:relative; width:220px">
      <div style="position:absolute;right:0" id="special">
        <img id="shows" />
        <p>Variable width upto, say 600px (Will be hidden until this td is :hovered</p>
      </div>
    </td>
  </tr>
</table>

Can I make this work? Ie, can I make the #special p expand over the top of 'Things'? As I currently have it set up #special won't ever grow outside the 220px wide td. Any ideas?

© Stack Overflow or respective owner

Related posts about css

Related posts about css-layout