title: CSS import not working?
body: <p>I have a file that thickbox loads remotely, as part of a frontend admin interface, but the style's won't load. I have a popup.css file that looks like:</p>
  
  <pre><code>body#pop {
      width:400px;
      min-height:200px;
  }
  
  
  div.pop {
      width:100%;
  }
  
  
  div.pop #hd {
      font-size:16px;
      font-weight:bold;
      color:#fff;
      padding-top:5px;
      padding-bottom:5px;
      border-bottom:1px solid rgba(0, 159, 245, 1);
      background:rgba(0, 159, 245, .5);
  }
  
  
  div.pop #hd #title {
      padding-top:5px;
      margin-left:10px;
      padding-bottom:0px;
  }
  
  
  div.pop #bd {
      background:#fff;
      padding:5px;
      font-size:11px;
  }
  
  
  div.pop #ft {
      height:30px;
      border-top:1px solid rgba(0, 159, 245, 1);
  }
  
  
  div.pop #ft #buttons {
      float:right;
  }
  
  
  div.pop #ft #buttons input[type='submit'] {
      background:rgba(0, 159, 245, .5);
      color:#fff;
      font-size:12px;
      font-weight:bold;
      padding:2px 5px;
      margin-top:5px;
      margin-bottom:5px;
      border:1px solid rgba(0, 159, 245, 1);
      opacity:.9;
  }
  
  
  div.pop #ft #buttons input[type='submit']:hover {
      opacity:1;
      cursor:pointer;
  }
  </code></pre>
  
  <p>and a popup.php (currently just a template) that looks like:</p>
  
  <pre><code>&lt;html&gt;
      &lt;head&gt;
      &lt;link rel="stylesheet" type="text/css" src="/resources/css/popup.css" /&gt;
  
      &lt;/head&gt;
      &lt;body id="pop"&gt;
  
          &lt;div class="pop"&gt;
              &lt;div id="hd"&gt;
                  &lt;span id="title"&gt;Modify Homepage&lt;/span&gt;
              &lt;/div&gt;
  
              &lt;div id="bd"&gt;
                  &lt;p&gt;
                      To modify the homepage image, go to the grid, select an image, select "admin:Edit" from the tools bar, and click, "set as homepage".
                  &lt;/p&gt;
              &lt;/div&gt;
  
              &lt;div id="ft"&gt;
                  &lt;div id="buttons"&gt;
                      &lt;input type="submit" name="subXxx" class="submit" onclick="tb_remove()" value="Okay" /&gt;
                  &lt;/div&gt;
              &lt;/div&gt;
          &lt;/div&gt;
  
      &lt;/body&gt;
  &lt;/html&gt;
  </code></pre>
  
  <p>But the css styles from the stylesheet (popup.css) aren't being applied to the file, thickboxed or just viewing it directly in the browser, no overlay. I'm rather experienced at all this, and I'm completely lost. What's happening, and what am I doing wrong?</p>