title: CSS takes effect after page has rendered
body: <p>I am running into this problem where my page loads and then after a fraction of a second the CSS effects or styling takes place.</p>
  
  <p>The main issue I am seeing is with the JQuery tabs that I am using
  <a href="http://docs.jquery.com/UI/Tabs#source" rel="noreferrer">http://docs.jquery.com/UI/Tabs#source</a></p>
  
  <p>When the page renders, the tabs show one below the other for a second like this:</p>
  
  <pre>
  One 
  Two
  Three
  </pre>
  
  <p>and then render properly as tabs</p>
  
  <p>Is there a quick and easy way to fix this.
  Thanks</p>