title: Fix Flash of Unstyled Content (FOUC)
body: <p>I have read artical after artical telling me that a FOUC occurs when using @import and that you can use link or script tags in the header to fix the problem. I have no @imports for css files, and I have tried the link and script tag solution. I still have the same problem...</p>
  
  <p>I'll give a general overview of the layout of my webpage</p>
  
  <pre><code>&lt;html xmlns="http://www.w3.org/1999/xhtml"&gt;
  &lt;head id="Head1" runat="server"&gt;
      &lt;title&gt;My Ttile&lt;/title&gt;
      &lt;link type="text/css" href="css/defaultCssDropdown.css" rel="stylesheet" /&gt;
      &lt;link type="text/css" href="css/redmond/jquery-ui-1.8.5.custom.css" rel="stylesheet" /&gt;
      &lt;link type="text/css" href="css/Style.css" rel="stylesheet" /&gt;      
      &lt;style type="text/css"&gt;
          .watermark {    color: #999; } 
          input.text { width:95%;}
          h1 { font-size: 1.2em; margin: .6em 0; }
          .ui-dialog .ui-state-error { padding: .3em; }
          .validateTips { border: 1px solid transparent; padding: 0.3em; }
          .jtable .wrap{overflow:hidden}
          .jtable{ table-layout: fixed; }
          .gray{ color:#808080}
          #dialog-message-email { 
              position: relative; 
              min-height: 200px;
          }
          #dialog-message-email div { 
              position: absolute;
              top: 50px;
              bottom: 12px;
              left: 0;
              right: 12px;
              width: auto;
          }
  
          #ConfirmEmailText { 
              width: 100%;
              height: 100%;
          }
      &lt;/style&gt;
  &lt;/head&gt;
  &lt;body&gt;
  ...
  html stuff here
  ...
  &lt;script type="text/javascript" src="js/jquery-1.4.2.min.js"&gt;&lt;/script&gt;
  &lt;script type="text/javascript" src="js/jquery-ui-1.8.5.custom.min.js"&gt;&lt;/script&gt;
  &lt;%--&lt;script type="text/javascript" src="js/jquery.watermarkinput.js"&gt;&lt;/script&gt;--%&gt;
  &lt;script type="text/javascript" src="js/jquery.watermark.min.js"&gt;&lt;/script&gt;
  &lt;script type="text/javascript" src="js/jquery.maskedinput.js"&gt;&lt;/script&gt;
  &lt;script type="text/javascript" src="js/autoresize.jquery.min.js"&gt;&lt;/script&gt;
  &lt;script type="text/javascript" src="js/jquery.blockUI.js"&gt;&lt;/script&gt;
  &lt;script type="text/javascript"&gt;
   $(document).ready(function () {
   ...some javascript here...
  &lt;/script&gt;
  &lt;/body&gt;
  &lt;/html&gt;
  </code></pre>
  
  <p>like I said I have already tried placing <code>&lt;script type="text/javascript"&gt;</code> at the beggining of my header tag.</p>
  
  <p>On inital page load I see a FOUC...</p>
  
  <p>Any ideas?</p>