Имеется конструкция типа

<div id="header">
<div id="sitename" >
<asp:Image runat="server" ID="Image1" ImageUrl="~/images/1.jpg" />
</div>
<div id="logo" >
<asp:Image runat="server" ID="Image1" ImageUrl="~/images/2.jpg" />
</div>
</div>

В стилях для div id="sitename" задаю
position :relative;top: 10px; left: 245px; и т.д. все работает нормально

В стилях для div id="logo" задаю
position:relative;left:700px;

После чего элемент становится на нужное место ,но формат страницы в броузере
увеличивается по ширине на эти самые 700px;(добавляется полоса прокрутки и
белое поле справа от содержимого страницы во всю её высоту
Если добавить direction:rtl; к стилю для div id="logo",то картинка 2.jpg расположится
в крайней правой позиции на этом белом поле.
Может кто-то объяснить ,как исправить ситуцию. Заранее спасибо.