title: primefaces themes broken
body: <p>I'm trying to use a different theme on my primefaces (2.2.1) web application but I'm experiencing a strange behavior. Where I should get this (primefaces.org showcase) :</p>
  
  <p><img src="https://i.stack.imgur.com/AjIbk.png" alt="img]http://dl.dropbox.com/u/7117743/primefacetheme_demo.png[/img"></p>
  
  <p>I'm getting this :</p>
  
  <p><img src="https://i.stack.imgur.com/6Ufu3.png" alt="enter image description here"></p>
  
  <p>I'm using the same code as the demo, minus the event handlers and theme roller. The demo can be found there : <a href="http://www.primefaces.org/showcase/ui/layoutComplex.jsf" rel="nofollow noreferrer">http://www.primefaces.org/showcase/ui/layoutComplex.jsf</a> the source code of the page is linked in the bottom.</p>
  
  <p>I've tried another theme and I have a similar result.</p>
  
  <p>What I did:</p>
  
  <p>I've added </p>
  
  <pre><code>&lt;link type="text/css" rel="stylesheet" href="theme/primefaces-sunny/theme.css" /&gt;
  </code></pre>
  
  <p>in the head section</p>
  
  <p>I've added </p>
  
  <pre><code>&lt;context-param&gt;
      &lt;param-name&gt;primefaces.skin&lt;/param-name&gt;
      &lt;param-value&gt;none&lt;/param-value&gt;
  &lt;/context-param&gt;
  </code></pre>
  
  <p>to the web.xml file</p>
  
  <p>I have no knowledge of css, I really don't know what could have gone wrong. Any help is appreciated, thanks in advance.</p>