modal window css

I'm using these styles for my modal window.  they work great as long as i don't have to scroll down the browser. when i scroll down and click to open up a modal window, the modal window still loads in that absolute position. any ideas how to get the actual #dialog style to load relative to where i am in my browser window?

#mask {
  position:absolute;
  left:0;
  top:0;
  z-index:9000;
  background-color:#000;
  display:none;
}
  
#boxes .window {
  position:absolute;
   left:0;
  top:0;
  display:none;
  z-index:9999;
  padding:20px;
  font:14px Verdana, Arial, Helvetica, sans-serif;
}
#boxes .window label{
font:12px Verdana, Arial, Helvetica, sans-serif;
}

#boxes #dialog {
  padding:10px;
  background-color:#ffffff;
  border:4px solid #CCCCCC;
}

Open in new window

phillystyle123Asked:
Who is Participating?
 
phillystyle123Connect With a Mentor Author Commented:
the answer appears to be "position:fixed;"
#boxes #dialog {
  padding:10px;
  border:4px solid #ccc;
  background:#fff;
  position:fixed;
}

Open in new window

0
 
LZ1Commented:
Can you post a live link or example?  
0
 
phillystyle123Author Commented:
yes:

http://dev.roydent.com/endodontic/gutta-percha-points.asp
User id= roydentdev
Password= roydent5100

click on the images further down the page
0
Question has a verified solution.

Are you are experiencing a similar issue? Get a personalized answer when you ask a related question.

Have a better answer? Share it in a comment.

All Courses

From novice to tech pro — start learning today.