title: Absolute positioned DIV hovers over other elements
body: <p>I have two JSP pages that are just about identical.  Each page has an outer DIV that has the "position: relative" property/value.  Each page also has an inner DIV that has a "position: absolute" property/value.</p>
  
  <p>On one page, the absolute positioned DIV doesn't hover over any other elements on the page - it just stops moving before moving over the other elements while I resize the window.</p>
  
  <p>On the other page (which has the same exact outer DIV and inner DIV properties and values), the absolute positioned DIV DOES hover over other elements on the page as I resize the window.</p>
  
  <p>Any thoughts on why this could be happening?  I ultimately want both absolute positioned DIVs to NOT hover over any other elements on the page...</p>
  
  <p>Here's a snippet of the markup and css involved...</p>
  
  <p><B>CSS</B><BR>
  <code>.BODY_OUTLINE {</code><BR>
  <code>position: relative;</code><BR>
  <code>border:2px outset white;</code><BR>
  <code>border-top: none;</code><BR>
  <code>font-style: normal;</code><BR>
  <code>margin: 0px;</code><BR>
  <code>margin-right:7em;</code><BR>
  <code>padding-top:0px;</code><BR>
  <code>FONT-FAMILY: arial, tahoma, verdana, sans-serif;</code><BR>
  <code>width:100%;</code><BR>
  <code>}</code></p>
  
  <p><B>HTML</B><BR>
  <code>&lt;DIV CLASS="BODY_OUTLINE"&gt;</code><BR>
  <code>...</code><BR>
     <code>&lt;DIV STYLE="border:10px outset gray; position:absolute; right:20%; top:20%;"&gt;</code></p>