scroll problem in IE 6.0

[robert_gsfame]

I show an alertbox with javascript but it was designed using css.. the problem is when it is shown up in mozilla, when i scroll the browser up and down the alertbox the position of the alertbox also change following the direction...but not in IE 6.0, which part should i modify so that i can get the same result as mozilla ? 

 

thanks.below is my css code

 

<style type="text/css">

#modalContainer {

background-color:transparent;

position:relative;

width:100%;

height:100%;

top:0px;

left:0px;

z-index:10000;

 

}

 

#alertBox {

position:relative;

width:500px;

height:100px;

margin-top:170px;

border:2px solid #000;

background-color:#F2F5F6;

 

background-repeat:no-repeat;

background-position:20px 30px;

}

 

#modalContainer > #alertBox {

position:fixed;

}

 

 

#alertBox p {

font:0.7em verdana,arial;

height:50px;

padding-left:10px;

padding-right:10px;

text-align:center;

 

 

padding-top:15px;

 

}

</style>

 

the bold one is the problem since IE 6.0 doesnt support that

 

[haku]

IE6 doesn't recognize position:fixed.

 

You will have to come up with some other solution for IE6.