On my web page there are hundreds of images managed in several rows.
It means it requires to scroll & scroll to view all...
On mouse move I want to show the bigger image.
I dynamically create an another div to contain the bigger image.
Using this code I append the newly created div to the body element.
The style for this div has position:absolute.
I took the coordinate with respect to the browser window & with respect to the entire document and successfully achieved the desired target on mouse over in IE.
But I am not getting the same effect in mozilla. In mozilla the div goes down at the bottom.
I want any suggestions & help to resolve the issue.
One more thing that I want to know to resolve the above problem is:
What would happen if I append new absolute positioned Div element to some static block element using appendChild
& then on mouse over change the absolute position. Would it behave differently on Mozilla & IE.