title: How do I get this coding to work in Google Chrome?
body: <p>So I've recently discovered a purely css spoiler code. It works fine in FF (FireFox) but completely spasms out in Google Chrome. Here's the code: </p>
  
  <pre><code>&lt;style type="text/css"&gt;
  .spoiler { background: #000000; color: #ffffff; width: 500px; padding: 40px; }
  .spoilerbutton:focus, .spoiler { display: none; }
  .spoilerbutton:focus + .spoiler { display: block; }
  &lt;/style&gt;
  
  &lt;input class="spoilerbutton" type="button" value="Hidden"&gt;
  &lt;div class="spoiler"&gt;
  Well hello!
  &lt;/div&gt;
  </code></pre>
  
  <p>I know it's just CSS, that's because I haven't yet studied jQuery or Javascript. Can anyone fix this so it displays properly in Chrome and isn't just a flash?</p>