Così?

codice:
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "DTD/xhtml1-strict.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="it" lang="it"> 
<head>
<meta http-equiv="content-type" content="text/html; charset=iso-8859-15" />

<title>titolo</title>

<style type="text/css">
<!--
*{
margin:0;
padding:0;
}
body{
background-color:green;
color:#fff
}

/* formattazione sfondo tipo lightbox e del div a scomparsa */

#sfondoPopup{
position:absolute;
width:100%;
height:100%;
top:0;
left:0;
background-color:rgba(255,255,255,0.5); /* da modificare parallelamente ai valori nel css per ie */
z-index:10
}
#popup {
position:absolute;
width:300px;  
height:300px;
top:50%;
margin-top:-150px; /* il margin-top sarà la metà dell'altezza */ 
left:50%;
margin-left:-150px; /* il margin-left sarà la metà della larghezza */
color:green;
background-color:yellow;
border:1px solid #ccc;
}
/* fine formattazione sfondo tipo lightbox e del div a scomparsa */


/* formattazione elementi interni del tutto indicativa */
#popup p#chiudi {
margin:10px;
text-align:right
}
#popup p {
margin:0 10px;
}  
#popup a{
color:green;
}
-->
</style>
<!--[if lte IE 8]>
<style type="text/css">
html, body{
height:100%;
}
#sfondoPopup{
background: transparent;
-ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorstr=#7FFFFFFF,endColorstr=#7FFFFFFF)";
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=#7FFFFFFF,endColorstr=#7FFFFFFF); 
zoom: 1;}
</style><![endif]-->
</head>

<body>

<div id="sfondoPopup">
   <div id="popup">
        <p id="chiudi">CHIUDI</p>
      

contenuto popup contenuto popup contenuto popup contenuto popup contenuto popup contenuto popup contenuto popup contenuto popup</p>
  </div>
</div>

<div>
   

contenuto pagina contenuto pagina contenuto pagina</p>
</div>
</body>
</html>