Html 图像分辨率的CSS尺寸正确，但赢得'；无法在浏览器中正确显示

我有一个网页布局设置，我做了尺寸1920x1200屏幕分辨率

正确的页面显示设计如下所示：

不幸的是，渲染看起来更像这样（在每个浏览器中，而不仅仅是IE，通过web expression super preview查看的图像）：

以下是用于以下各项的div标记的CSS：

#gsquare
{
    width: 1366px;
    height: 927px;
    position: absolute;
    top: 14%;
    left: 15%;
    background-image: url("../images/1920x1200/gradientsquare.png");
    background-repeat: no-repeat;

    z-index: 15;
}

#wsquare
{
    width: 1326px;
    height: 900px;
    position: absolute;
    top: 1.5%;
    left: 1.5%;
    background-image: url("../images/1920x1200/whitesquare.png");
    background-repeat: no-repeat;
}

顶部和底部渐变背景的像素高度各为171像素。中心渐变正方形设置为1366x927，白色正方形设置为1326x900，依此类推。这些数字是从我所看到的数字加起来的，所以我不明白这里发生了什么。此外，我不能将CSS3用于此站点，因为CSS3中的大多数选择器仍处于WD状态。这是不允许的

---

对此问题的任何建议都将不胜感激。请用代码详细说明您的解释，因为视觉辅助工具在这些情况下非常有用。

我查看了您的两张图像，似乎您可以简单地再更改一点位置以获得所需的结果。如果没有代码（包括图像和所有支持标记），很难确定问题出在哪里

您确实意识到，从以下几点开始：

position: absolute;
top: 14%;
left: 14%;

对

position: absolute;
    top: 1.5%;
    left: 1.5%;

在位置上与顶部不同。下跌15%与下跌1.5%将产生两个不同的起点，因此您必须在计算中对此进行调整