title: How to make sure an element is on top of all other elements in a page?
body: <p>I have 2 elements: a <strong>Dropdown Menu</strong> and an <strong>Images Slideshow</strong>.</p>
  
  <p>The animations are done using jquery. </p>
  
  <p>The problem I have (Only in IE7) is that the <strong>Dropdown Menu</strong> is cropped by the <strong>Images Slideshow</strong>.</p>
  
  <p>I need the <strong>Dropdown Menu</strong>  to be on top of the <strong>Images Slideshow</strong>. </p>
  
  <p>In css I set the <strong>Dropdown Menu</strong> main <strong>div</strong> to: <code>z-index: 9999</code> and the <strong>Images Slideshow</strong> main <strong>div</strong> to : <code>z-index: 1</code></p>
  
  <p>I similar problem this would be fix but not in this case. What can I do?</p>