如何让层不随着屏幕的分辨率的改变而改变

我在主页上的最右下角显示一个层，原本是好好的，但是一调整分辨率这个层的没有原来的高度了，而且有下拉框了，不知道怎么解决，请高手指点一下
下面的就是显示的一个层，请指点指点
           <div class="side-box1 side-box-3"  id="Ajax">
    <div class="tab-head tab-head-3" >
    <ul>
<li></li>
<li></li>
<li class="curr" style="float:right"><a href="javascript:"onclick="dis()">X</a></li>

</ul>
</div>
<a href="addbuy/index.php">
<div class="Ajax" style="margin-top:-6px;   width:300px;height:220px; background:url(image/ad.jpg) repeat-x;" id="a"></div></a>
</div>
</div><style>
#Ajax{padding:1px;overflow: auto;background:#FFF;border: 1px solid #CCC;width:300px;max-height:290px;text-align: center;font-size: 12px;z-index:99999;right:0px;bottom:0px;/*FF IE7*/
top: 5px;/*FF IE7*/
margin-top:340px!important;/*FF IE7 该值为本身高的一半*/
position:fixed!important;/*FF IE7*/
position:absolute;}/*IE6*/
.side-box  { border:solid 1px #efefef; background:#fafafa;}
.side-box .tab-head { height:25px; background:url(../image/bg_baby.png)  repeat-x; position:relative; top:-9px;}
position:fixed;
_position:absolute;
right:0px;
_bottom:0;
_top:expression(eval(document.documentElement.scrollTop+document.documentElement.clientHeight-this.offsetHeight-(parseInt(this.currentStyle.marginTop,10)||0)-(parseInt(this.currentStyle.marginBottom,10)||0)));</style>