title: Base64 Image will not scale down using any common methods
body: <p>I am using KendoUI's diagram feature, and want to export the resulting construct to display as a thumbnail.</p>
  
  <p>I am exporting the image, which is in Base64 format. This is then saved.</p>
  
  <p>This data is then loaded into a div, and needs to be scaled to fit the div. However, I have tried absolutely every common technique to scale the image down, but it simply will not.</p>
  
  <p>Currently I have something like this. It is a piece of html which is being used as a template for a keno list. There may be something here which is causing the issue, but I have failed to find it if there is.</p>
  
  <pre><code>&lt;div id="thumbnailContainer" style="height: 100%; width: 100%;"&gt;
     &lt;img id="thumbnail" src="#:imageData#" style="(every technique under the 
     sun tried)"
  &lt;/div&gt;
  </code></pre>
  
  <p>where the "#:imageData# corresponds to someBase64 image data (which correctly displays and loads otherwise)</p>
  
  <p>Techniques tried:</p>
  
  <ul>
  <li>Background-size</li>
  <li>Setting background of container instead</li>
  <li>Adjusting height and width of img</li>
  </ul>
  
  <h2><a href="http://jsfiddle.net/kqggd8dh/" rel="nofollow noreferrer">jsFiddle</a></h2>