title: How do I know if the mouse position is within the maximum base area of a div
body: <p>I have a few DIV tags within my HTML page. The DIVs are positioned as absolute and some overlap each other on the page. If I click within the area of DIVs, it is possible that there might be more than one DIV overlapping in that position.  </p>
  
  <p>I am aware on how to capture the mouse position within the DIV through the <strong>offset</strong> property but I also need to know the DIV nearest to whose base the mouse pointer is lying. Is there any way to get the position of a mouse pointer relative to a rectangular base of a DIV?</p>
  
  <p>Appreciate your help in advance.</p>