title: checkboxlist styling doesnt works
body: <p>I have tried all possible ways to replace the default checkbox input button with an interactive gif image , I dont know what i am missing , any help or tutorial will be highly appreciated, below is the css snippet which i m using to apply the checkbox list:</p>
  
  <pre><code>#left_columnforSale .accordContent span.chkbox input[type="checkbox"]
  {
  /*background: url('../images/checkbox.gif') no-repeat;*/
  background-color: #800000;
  }
  </code></pre>
  
  <p>Sorcecode is :</p>
  
  <pre><code>&lt;span id="ContentPlaceHolder1_CheckBoxList1" class="chkbox"&gt;
      &lt;input id="ContentPlaceHolder1_CheckBoxList1_0" type="checkbox" name="ctl00$ContentPlaceHolder1$_content$CheckBoxList1$0" onclick="javascript:setTimeout(&amp;#39;__doPostBack(\&amp;#39;ctl00$ContentPlaceHolder1$_content$CheckBoxList1$0\&amp;#39;,\&amp;#39;\&amp;#39;)&amp;#39;, 0)" value="0 AND 1000" /&gt;
      &lt;label for="ContentPlaceHolder1_CheckBoxList1_0"&gt;0 - £1,000&lt;/label&gt;
      &lt;br /&gt;
      &lt;input id="ContentPlaceHolder1_CheckBoxList1_1" type="checkbox" name="ctl00$ContentPlaceHolder1$_content$CheckBoxList1$1" onclick="javascript:setTimeout(&amp;#39;__doPostBack(\&amp;#39;ctl00$ContentPlaceHolder1$_content$CheckBoxList1$1\&amp;#39;,\&amp;#39;\&amp;#39;)&amp;#39;, 0)" value="1000 AND 2000" /&gt;
      &lt;label for="ContentPlaceHolder1_CheckBoxList1_1"&gt;£1,000 - £2,000&lt;/label&gt;
  </code></pre>
  
  <p>and designer view:</p>
  
  <pre><code>   &lt;asp:AccordionPane&gt;
                 &lt;Header&gt;
                  &amp;nbsp;&amp;nbsp;&amp;nbsp;CheckListBox
                  &lt;/Header&gt;
                   &lt;Content&gt;
  
                      &lt;asp:CheckBoxList ID="CheckBoxList1" runat="server" AutoPostBack="true" OnSelectedIndexChanged="CheckBoxList1_SelectedIndexChanged" RepeatLayout="Flow" CssClass="chkbox"&gt;
                      &lt;asp:ListItem Value="0 AND 1000"&gt;0 - £1,000&lt;/asp:ListItem&gt;
  
                      &lt;asp:ListItem Value="1000 AND 2000"&gt;£1,000 - £2,000&lt;/asp:ListItem&gt;
                      &lt;asp:ListItem Value="2000 AND 3000"&gt;£2,000 - £3,000&lt;/asp:ListItem&gt;
                      &lt;asp:ListItem Value="3000 AND 4000"&gt;£3,000 - £4,000&lt;/asp:ListItem&gt;
                      &lt;asp:ListItem Value="4000 AND 5000"&gt;£4,000 - £5,000&lt;/asp:ListItem&gt;
                      &lt;asp:ListItem Value="5000 AND 6000"&gt;£5,000 - £6,000&lt;/asp:ListItem&gt;
                      &lt;asp:ListItem Value="6000 AND 7000"&gt;£6,000 - £7,000&lt;/asp:ListItem&gt;
                      &lt;asp:ListItem Value="7000 AND 8000"&gt;£7,000 - £8,000&lt;/asp:ListItem&gt;
                      &lt;asp:ListItem Value="8000 AND 9000"&gt;£8,000 - £9,000&lt;/asp:ListItem&gt;
                      &lt;asp:ListItem Value="9000 AND 10000"&gt;£9,000 - £10,000&lt;/asp:ListItem&gt;
  
                      &lt;/asp:CheckBoxList&gt;
  
                  &lt;/Content&gt;
  
              &lt;/asp:AccordionPane&gt;
  </code></pre>