title: float table over a div in a div
body: <p>I have a code like</p>
  
  <pre><code>&lt;div id="container" &gt;
       &lt;div id="content"&gt;&lt;/div&gt;                               
      &lt;table id="link" cellspacing=0px; cellpadding=0px;&gt;
      &lt;/table&gt;    
  &lt;/div&gt; 
  </code></pre>
  
  <p>with css</p>
  
  <pre><code>#contentDiv {
      width: 100%;
      height:100%;
      margin: 0;
  }
  
  #content {
      width:90%;
      height:60%;
      margin-left:20px;   
      display: inline;    
      vertical-align: left;
      z-index:40;
  
  }
  #link {
      width:30%;
      height:50%;
      margin: 0;
      margin-top:10px;
      margin-right:10px;
      float: right;
      z-index:70;
  
  }
  </code></pre>
  
  <p>i want it to display like 
  <img src="https://i.stack.imgur.com/yOcbb.png" alt="enter image description here"></p>
  
  <p>without absolute <a href="https://stackoverflow.com/questions/1955810/div-floating-over-table">div floating over table</a></p>
  
  <p>but its not displaying like that any help is appreciated?</p>