边缘对齐打破不同的分辨率

Question

我在我的网站上使用了两张图片 - 一张位于右上角，另一张位于中间右侧。

右上角图片css代码

.fbtopbutton{ position: absolute;top: 27px;right: 192px;}

居中右图css代码

#annoying-floater {
  z-index:10;
  position:fixed;
  top:80%; right:-45%;
  width:640px; height:480px;
  margin-left:-320px; margin-top:-240px;
opacity: 0.8; /* css standard */
    filter: alpha(opacity=60); /* internet explorer */
}

#annoying-floater:hover {

opacity: 1.0; /* css standard */
    filter: alpha(opacity=60); /* internet explorer */
}

有两个问题：

1. 当屏幕分辨率变低时，图像会进入页面中心（在内容上）
2. 中右图片，当鼠标悬停在该图片下时，它就像鼠标悬停在图片上一样。

Answer 1

在css中以百分比单位设置这些图像的宽度和高度。