Почему этот логотип перемещается после обратной передачи?

Question

Я отображая логотип в правом верхнем углу веб-страницы, как это: -

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

с CSS Style следующим образом: -

.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. Кто-нибудь знает, в чем дело? Каков утвержденный способ форсирования вещей в углах страницы?

Редактировать удаление div из файла aspx, а затем замена его, по-видимому, устранила проблему. Но я не могу поверить, что это останется неизменным, если такая штука вылечит трудность. Есть ли правильный способ сделать это?

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; 
}