title: cfdocument inner html rendering at wrong scale
body: <p>CF Version: 7,0,2,142559</p>
  
  <pre><code>&lt;cfdocument pageheight="11" 
              pagewidth="8.5" 
              unit="in" 
              marginbottom=".7" 
              marginleft="0" 
              marginright="0" 
              margintop="1.1" 
              format="pdf" 
              pagetype="custom" 
              scale="100"&gt;
  </code></pre>
  
  <p>I have a </p>
  
  <pre><code>&lt;cfdocumentitem type="header"&gt;
    &lt;style type="text/css" media="screen"&gt;@import "header.css";&lt;/style&gt;
    &lt;div class=header&gt;
      Content
    &lt;/div&gt;
  &lt;cfdocumentitem&gt;
  </code></pre>
  
  <p>header.css looks like</p>
  
  <pre><code>#top {
  position:absolute;
  left:0in;
  top:0in;
  height:.458in;
  width:8.5in;
  background-color:#770000;
  }
  </code></pre>
  
  <p>also have a similar footer</p>
  
  <p>Then inside the cfdocument tag I have</p>
  
  <pre><code>&lt;div id="content" 
       style="position:absolute; 
              left:0in; top:0in; 
              width:7in; 
              border:solid; 
              border-width:thin;"&gt;
  </code></pre>
  
  <p>The problem is the content div is rendering wider than the header and footer, it looks like it's out of scale or something. If I reduce the width of the "content" div in a guess and check kind of way, it seems that as soon as I hit a width that would match the width of the header and footer it snaps back into normal scale and won't fit the width like I need it to. How can I fix this?</p>
  
  <p>Annoying thing is I can style the content div to width:6.51in;height:6.95in; and it fits perfectly.</p>