title: CSS styles for an ID'd div not taking effect
body: <p>With this markup (it's nested within other containers)</p>
  
  <pre><code>&lt;div id="#club-solutions"&gt;
  &lt;h2&gt;We Have The Solutions&lt;/h2&gt;
  &lt;h3&gt;OUR PROGRAMS&lt;/h3&gt;
  &lt;p&gt;Our programs will keep your classes packed and your members on their toes.&lt;/p&gt;
  </code></pre>
  
  <p>Why would the following CSS not be applied?</p>
  
  <pre><code>#club-solutions h3 {
      font-size: 0.7em;
  }
  
  #club-solutions p {
      font-size: 0.8em;
  }
  #club-solutions a {
      font-size: 1em;
  }
  </code></pre>
  
  <ul>
  <li>The stylesheet they're in is being applied to the markup and when I change other styles on the stylesheet the other changes take effect.</li>
  <li>I have cacheing completely switched off</li>
  </ul>