title: css styles disappear over ssl
body: <p>When connected over SSL particular styles are getting dropped from the stylesheet. I can't figure any rhyme or reason to it but it's the same styles that are consistently dropped. Perhaps notably, elements that were to be hidden with display:none; are visible. List styles also revert to default browser settings and a couple background images (not all of them) get dropped as well. All URI paths are relative -- both from the page head as well as from the stylesheets themselves.</p>
  
  <p>For example, the following works...</p>
  
  <pre><code>body { background: url(../images/bg-yellowstripes.jpg) repeat 0 0; }
  </code></pre>
  
  <p>However, the next line does not...</p>
  
  <pre><code>#masthead { background: url(../images/bg-header.jpg) repeat-x 0 100%; }
  </code></pre>
  
  <p>Anyone have any experience with this that could help the page display properly and avoid the IE mixed content warning? Only affect Internet Explorer btw. Firefox, Safari, Chrome all render the page normally, without any SSL warnings.</p>