title: html can't click on checkboxes
body: <p>This is my html:</p>
  
  <pre><code>&lt;div style="width: 45%; float: left; margin-left:5%"&gt;
                      &lt;div class="chartHeaderClass" style="width: 100%;"&gt;
                          &lt;h3&gt;Service Level Per Campaign&lt;/h3&gt;
                          &lt;%-- Start Dropdown Code --%&gt;
                          &lt;a id="DropdownSeviceLink" href="#"&gt;+&lt;/a&gt;
                          &lt;div ID="campaignDiv" runat="server" &gt;&lt;ul&gt;
  
                                                &lt;/ul&gt;
                          &lt;/div&gt;
                          &lt;script type="text/javascript" src="Scripts/DropdownCheckbox.js"&gt;&lt;/script&gt;
                          &lt;%-- End Dropdown Code --%&gt;
                      &lt;/div&gt;
                      &lt;div id="line-chart" class="chart-holder" style="border:1px solid #D5D5D5; margin-top:2px"&gt;
                          &lt;canvas class="overlay" width="479" height="265"&gt;&lt;/canvas&gt;
                      &lt;/div&gt;
                  &lt;/div&gt;
                  &lt;div style="width: 45%; float: right"&gt;
                      &lt;div class="chartHeaderClass" style="width: 100%;"&gt;
                          &lt;h3&gt;Calls Per Campaign&lt;/h3&gt;
                      &lt;/div&gt;
                      &lt;div id="pie-chart" class="chart-holder" style="border:1px solid #D5D5D5; margin-top:2px"&gt;
                          &lt;canvas class="overlay" width="479" height="265"&gt;&lt;/canvas&gt;
                      &lt;/div&gt;
                  &lt;/div&gt;
  </code></pre>
  
  <p>notice that it has this div <code>campaignDiv</code> which I fill in c# like this:</p>
  
  <pre><code>if (!IsPostBack) {
                  List&lt;string&gt; comps = getCompainNames();
                  string html = "&lt;ul&gt;";
                  for (int i = 0; i &lt; comps.Count(); i++) {
                      html = html + CreateLiCheckbox(comps[i]);
                  }
                  html = html + "&lt;/ul&gt;";
                  campaignDiv.InnerHtml = html;
              }
  private string CreateLiCheckbox(string checkBoxText)
          {
              return string.Format("&lt;li&gt;&lt;input type=\"checkbox\"&gt;{0}&lt;/li&gt;", checkBoxText);
          }
  </code></pre>
  
  <p>This result is this:</p>
  
  <p><img src="https://i.stack.imgur.com/qfBXn.png" alt="enter image description here"></p>
  
  <p>I can't click on the checkboxes. In other words, when I click on them nothing happens</p>
  
  <h3>I noticed something</h3>
  
  <p>I can't select the text inside the red area. It seems that it is not exit because when I tried to select it using <code>the mouse</code>, nothing becomes selected.</p>
  
  <p>could u help please?</p>
  
  <h3>css for this red area is </h3>
  
  <pre><code>#DropdownSeviceLink {
      float:right;
      margin-right:10px;
  }
  a#DropdownServiceLink:visited {
      color:inherit;
  }
  #campaignDiv {
      background-color:red;
      width:200px;
      height:200px;
      float:right;
      position:relative;
  }
  </code></pre>
  
  <h3>Finally the context of my page is</h3>
  
  <p>when clicking on that <code>plus</code> sign, I want to show this red area, I can do that on jquery, but I just told you the context maybe that helps</p>
  
  <h3>jsfiddle</h3>
  
  <p><a href="http://jsfiddle.net/jdhMs/" rel="nofollow noreferrer">http://jsfiddle.net/jdhMs/</a></p>