title: Align header image to the left in a table WITHOUT absolute positioning?
body: <p>I am exporting html to pdf and using the thead and tfoot properties of a table to create page headers and footers in my pdf output. It works pretty well except that I need an image at the top left of every page. Using position:absolute as a tag on the image works in html, but unfortunately is ignored by the 3rd-party pdf exporter. This pushes all my text down by the height of the image, instead of sitting nicely beside it. Is there any way to do it using some other method in css? Here is some of the code:</p>
  
  <pre><code>&lt;table&gt;
     &lt;thead&gt;
        &lt;tr&gt;
           &lt;td&gt;&lt;img src="mypic.jpg" style="height:150px; width:50px;" alt="pic" /&gt;&lt;/td&gt;
           &lt;td&gt;&amp;nbsp;&lt;/td&gt;
        &lt;tr&gt;
     &lt;/thead&gt;
     &lt;tfoot&gt;
        &lt;tr&gt;
           &lt;td colspan="2" style="border-bottom-style:solid; padding-top:10px"&gt;blah blah blah&lt;/td&gt;
           &lt;td colspan="2" align="right"&gt;todays date&lt;/td&gt;
        &lt;/tr&gt;
     &lt;/tfoot&gt;
     &lt;colgroup&gt;&lt;col width="50px" /&gt;&lt;col width="500px" /&gt;&lt;/colgroup&gt;
     &lt;tbody&gt;
        &lt;tr&gt;
           &lt;td&gt;&amp;nbsp;&lt;/td&gt;
           &lt;td&gt;
               ....my real content...
           &lt;/td&gt;
        &lt;/tr&gt;
     &lt;/tbody&gt;
  &lt;/table&gt;
  </code></pre>