title: css - replacing checkbox image
body: <p>Hi I know this has been answered but I can't get it to work for me. </p>
  
  <p>I have as HTML</p>
  
  <pre><code>&lt;input type="hidden" name="data[Child][remember_me]" id="am_2_" value="0"/&gt;
  &lt;input type="checkbox" name="data[Child][remember_me]"  class="checkboxLabel main_street_input" id="am_2" value="1"/&gt;
  &lt;label for="am_2"&gt;&amp;nbsp; &amp;nbsp;&amp;nbsp;&lt;/label&gt; 
  </code></pre>
  
  <p>and then</p>
  
  <pre><code>.amPmCheckbox input[type="checkbox"]{
  display: none;}     
  
  .amPmCheckbox input[type="checkbox"]+label{
  background: url('http://renegadeox.com/img/off.png') no-repeat; width:16px; height:17px;}
  
  .amPmCheckbox input[type="checkbox"]:checked + label {
  background: url('http://renegadeox.com/img/on.png');width:16px; height:17px;}
  </code></pre>
  
  <p>But it's not picking up the checked image. I can't figure out what's the problem, anyone any ideas? heres a fiddle btw</p>
  
  <p><a href="http://jsfiddle.net/ksCk8/" rel="noreferrer">http://jsfiddle.net/ksCk8/</a></p>