Pop up box in differnt locations across browers
1) Script Title: Drop down/ Overlapping Content script
2) Script URL (on DD): http://www.dynamicdrive.com/dynamici...lapcontent.htm
3) Describe problem: The pop up box of content is appearing in different places in different browsers. I have not changed "position:absolute" but when I try to add "top" and "left" amounts, there is no change. If I add "margin" amounts, I can shift the box, but it is not consistent across browsers. On a Mac, in FF the box is just below the logo (perfect), in Safari and Chrome, the box is over the Stanford logo and a little to the left.
The page is: stowecommunications.com/test/experience.html and the pop-up happens when you click on the Stanford University logo.
Is there a way to code for the different browsers? Or some way to specify the position of the pop up box?
Here is my code on the div with the pop up content:
<div id="subcontent2" style="position:absolute; visibility: hidden; background-color: #fff; border:#C0C0C0 medium solid; width: 400px; height: 140px; padding: 10px;top: 100px;">
It is positioned "left-bottom" in the java script.
Many thanks in advance for any suggestions!