title: CSS dont work on browsers, but it does on Eclipse
body: <p>Im building JSF pages with styesheets. THey seem to work when I use the preview funktion in Eclipse but as soon as I test them on IE8 they dont seem to have any effect.</p>
  
  <p>Im using composite views in order to specify a general layout of the page as seen below.</p>
  
  <pre><code>&lt;!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" 
            "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"&gt;
  &lt;html xmlns="http://www.w3.org/1999/xhtml"
        xmlns:ui="http://java.sun.com/jsf/facelets"&gt;
      &lt;head&gt;
          &lt;link rel="stylesheet" type="text/css" href="/css/masterTemplateCSS/masterTemplateCSS.css" /&gt;
  
  
          &lt;title&gt;&lt;ui:insert name="title"&gt;&lt;/ui:insert&gt;&lt;/title&gt;
      &lt;/head&gt;
  
      &lt;body&gt;
  
          &lt;div class="left_Sidebar"&gt;
              &lt;ui:insert name="leftSidebar"&gt;
  
              &lt;/ui:insert&gt;
          &lt;/div&gt;  
  
          &lt;div class="bulk_text"&gt;
              &lt;ui:insert name="content"&gt;
  
              &lt;/ui:insert&gt;
          &lt;/div&gt;
  
          &lt;div class="foot"&gt;
              &lt;ui:insert name="footer"&gt;
  
              &lt;/ui:insert&gt;
          &lt;/div&gt;      
  
      &lt;/body&gt;
  &lt;/html&gt;
  </code></pre>
  
  <p>I then try to test them.</p>
  
  <pre><code>&lt;ui:composition template="/templates/masterTemplate.xhtml"&gt;
  
      &lt;ui:define name="title"&gt;Create Screen&lt;/ui:define&gt;
  
      &lt;ui:define name="leftSidebar"&gt;
          Left sidebar
      &lt;/ui:define&gt;
      &lt;ui:define name="content"&gt;
  </code></pre>
  
  <p>The templates work and I am confident the css path is correct. I also tested the css files with validators and they all check out. But it still doenst seem to work in the actual browser:S</p>