为什么这个徽标会在回发后移动？

Question

我在网页的右上角显示一个徽标，如下所示： -

<div class="tata_logo">
    <img alt="" class="tata_logo" src="..\CommonScripts\logo-mpi-2-white.jpg"/>
</div>

因此具有CSS样式： -

.tata_logo
{
    float:right;
    text-align:right;
    max-width:60px;
    max-height:60px; 
    text-align:right;
    display:inline-block;
    vertical-align:top;
}

首次显示屏幕时显示正确： -

然后网页的用户填写一些字段并执行回发。页面重新显示后，徽标已向下移动约半英寸： -

这些图片来自Google Chrome;它在Internet Explorer上运行正常。有谁知道这件事是什么？什么是强制进入页面角落的批准方式？

编辑从aspx文件中删除div，然后替换它似乎解决了问题。但是，如果这种事情能够解决这个难题，我真的不能相信它会被修复。有没有正确的方法来做到这一点？

Answer 1

试试这个

.tata_logo
{
    position: absolute;
    top: 0px;
    right: 0px;
    text-align:right;
    max-width:60px;
    max-height:60px; 
    text-align:right;
    display:inline-block;
}