Stopping a layer from moving from left to right?

[blackbeltjones]

I have a layer that appears in when a button is clicked to the right of it. The problem is, it moves from left to right depending on the page width. For example, if I click the button and the layer comes up and then I open my favorites column, it pushes the layer over the button and I can't click it off again. This is also a problem because people viewing may have different sized screens or may not have thier window maximized and this will cause the layer to be displayed practically anywhere (from left to right). I want to stay put regardless of the window size, like it's fixed. How can I do this with a layer?

Here is my code for the layer that fades in (note it is triggered by a button- but theres no problem for me with that part),


<div id="laz" style="position:absolute; left:205px; top:343px; width:440px; height:101px; z-index:1; filter:RevealTrans(Duration=1,Transition=12); background-color:#282828; visibility: hidden">
<img src="

http://m.1asphost.com/hynotix/HHHvisualisation.gif"></div>

<div id="Layer1" style="position:absolute; left:191px; top:307px; width:219px; height:38px; z-index:2">
</div>

<script>

<!--


function menu(){

if(laz.style.visibility=="visible"){

laz.style.visibility = "hidden"

}

else{

laz.filters.RevealTrans.apply()

laz.style.visibility= "visible"

laz.filters.RevealTrans.play()

}

}

//-->

</script>
</center>




Any help is greatly appreciated.

 

[vbkris]

try removing this:
position:absolute;

Known is handfull, Unknown is worldfull