title: CSS checkbox:checked not changing in safari
body: <p>Code is working in Firefox and Chrome. I can't get the the CSS to load with Safari. When the checkbox is checked, the div should change its height, making it show up. Is safari not getting the :checked psuedo class or what???
  CSS CODE:</p>
  
  <pre><code>.the_form_div {background-color:midnightblue;width:400px;padding-left:20px;color:#fff;padding-top:20px;padding-bottom:20px;margin:auto;}
  #the_box {max-height:0;overflow:hidden;}
  input[type=checkbox]:checked ~ #the_box {padding-bottom:200px;}
  </code></pre>
  
  <p>Example here:
  <a href="http://jsfiddle.net/vF9Ud/" rel="nofollow">http://jsfiddle.net/vF9Ud/</a></p>