Как избавиться от смещения элемента с помощью CSS?

Question

У меня возникла проблема с позиционированием некоторых элементов, после осмотра инструментов IE8 Developer это показывает мне:

Теперь я уверен, что моя проблема в том,12 смещений, но как мне удалить ?Я не могу найти упоминания о CSS-смещении.Нужно ли нам смещение в дополнение к марже?

Вот код, который производит это:

 <div id="wahoo" style="border: solid 1px black; height:100px;">

    <asp:TextBox ID="inputBox" runat="server" />

    <input id="btnDropDown" type="button" style="width:26px; height:26px; background-position: center center; border-left-color: buttonface; background-image: url(Images/WebResource.gif); border-bottom-color: buttonface; border-top-color: buttonface; background-repeat: no-repeat; border-right-color: buttonface;"  tabindex="99" />

    <div id="ListboxWrapper" style="display:none; position:absolute; onfocusout="this.style.display = 'none'"">
       <asp:ListBox ID="lstBoxCompany" runat="server" AutoPostBack="True" OnSelectedIndexChanged="lstBoxCompany_SelectedIndexChanged" style="z-index: 100;" Width="300px" />               
    </div>

</div>

Элемент со смещением равен inputBox

Answer 1

У меня была такая же проблема. Смещение появилось после обновления UpdatePanel. Решением было добавить пустой тег перед UpdatePanel следующим образом:

<div></div>

...

Answer 2

Вы можете применить сброс CSS, чтобы избавиться от этих «значений по умолчанию». Вот пример сброса css http://meyerweb.com/eric/tools/css/reset/. Просто примените стили сброса ПЕРЕД вашими собственными стилями.