title: Override parent CSS Rule of 'overflow:hidden'
body: <p>I am display thumbnails on a <code>div</code> with overflow:hidden as its style attribute. </p>
  
  <p>When I click one thumbnail, I replace the image with its larger view (which creates a zoom effect) but since some of the images are quite big, it gets cut off by its parent division. </p>
  
  <p>So, I want that particular thumbnail to defy its parent rule and get out and show its <code>100%self</code>.</p>
  
  <hr>
  
  <p><sup><em>The main reason for me, to bump this question, is to get/provide a good working solution.</em> The best one is found is <a href="https://stackoverflow.com/a/9450801/295264">this</a>.</sup></p>