Hi Friends.. Actually my code is <html> <head> <script type="text/javascript" src="jquery.js"></script> <script type="text/javascript"> $(function(){ $(".a").click(function () { $('#popup').fadeIn('slow'); $('#window').fadeIn('slow'); }); $(".b").click(function () { $('#popup').fadeOut('slow'); $('#window').fadeOut('slow'); }); }); </script> <style> #popup { height: 100%; width: 100%; background: #000000; position: absolute; top: 0px; left: 0px; right: 0px; bottom: 0px; -moz-opacity:0.75; -khtml-opacity: 0.75; opacity: 0.75; filter:alpha(opacity=75); } #window { width: 600px; height: 300px; margin: 0 auto; border: 1px solid #000000; background: #ffffff; position: absolute; top: 130px; left: 25%; } </style> </head> <body> aaa <div id="popup" style="display: none;"></div> <div id="window" style="display: none;"> <div id="popup_content"><a href="#" onclick="Close_Popup();" class="b">Close</a> </div> </div> <li> <a href="#" onclick="Show_Popup();" class="a">show</a> </li> <br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br> </body> PHP: Every thing is perfect., but if i click on show, my pop is not covering entire body of my webpage... Its just covers visible area only, if i scroll down normal webpage is appearing... see this screen...plz How to get that popup for entire webpage Would be grateful to your help