title: How do I get rid of an element's offset using CSS?
body: <p>I've got a positioning problem with some elements, upon inspecting it IE8 Developer tools it shows me this:</p>
  
  <p><img src="https://i.stack.imgur.com/aQAdM.jpg" alt="Where does offset come from?"></p>
  
  <p>Now I'm pretty sure my problem is that 12 offset, but <strong>how do I remove it</strong>?  I can't find any mention of a CSS offset property.  Do we need an Offset in addition to margin?</p>
  
  <p>Here is the code thats producing this:</p>
  
  <pre><code> &lt;div id="wahoo" style="border: solid 1px black; height:100px;"&gt;
  
      &lt;asp:TextBox ID="inputBox" runat="server" /&gt;
  
      &lt;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" /&gt;
  
      &lt;div id="ListboxWrapper" style="display:none; position:absolute; onfocusout="this.style.display = 'none'""&gt;
         &lt;asp:ListBox ID="lstBoxCompany" runat="server" AutoPostBack="True" OnSelectedIndexChanged="lstBoxCompany_SelectedIndexChanged" style="z-index: 100;" Width="300px" /&gt;               
      &lt;/div&gt;
  
  &lt;/div&gt;
  </code></pre>
  
  <p>The element with the offset is <code>inputBox</code></p>