title: jQuery styled checkboxes won't stay inside asp panel with scroll bar
body: <p>This issue ONLY happens in IE, everything works just fine with Firefox and Chrome.  I have a form that I wanted to use these sweet iPhone style jQuery switches with.  It's basically a styled checkbox.  The table that I have is inside a panel with a vertical scroll bar.  If I leave the checkboxes alone (no jQuery style), they stay inside the panel and scroll with all of the other elements.  As soon as the checkboxes are styled, they "break out" of the scroll panel and flow down the the page while all the other elements (labels and ddl's) stay inside the panel.  Here is the code for the jQuery styles that are applied:</p>
  
  <pre><code>&lt;script type="text/javascript"&gt;
      $(document).ready(function () {
          $('.inOut:checkbox').iphoneStyle({
              checkedLabel: 'IN',
              uncheckedLabel: 'OUT'
          });
          $('.late:checkbox').iphoneStyle({
              checkedLabel: 'LATE',
              uncheckedLabel:'ON TIME'
          });
          $('.leaveEarly:checkbox').iphoneStyle({
              checkedLabel: 'YES',
              uncheckedLabel: 'NO'
          });
      });
  &lt;/script&gt;
  </code></pre>
  
  <p>The asp panel that the form elements go inside:</p>
  
  <pre><code>&lt;asp:Panel ID="pnlDisplay" runat="server" ScrollBars="Vertical" Width="100%" Height="500px"&gt;
      &lt;%-- Dynamically generated list goes inside this table from codebehind --%&gt;
      &lt;asp:Table ID="tblResults" runat="server" Width="98%" CellPadding="10"&gt;
  
      &lt;/asp:Table&gt;
  &lt;/asp:Panel&gt;
  </code></pre>
  
  <p>Lastly, an example of one of the checkboxes that gets created in the codebehind:</p>
  
  <pre><code>CheckBox isIn = new CheckBox();
  isIn.InputAttributes["class"] = "inOut";
  </code></pre>
  
  <p>Again, the issue is only in IE.  Any ideas?  (and scrap IE isn't an option as it is heavily used here in our office)</p>