title: Problem with embedded SVG height in IE8
body: <p>I have a large SVG file (1100x44000 px) embedded in my html webpage. My code works like a charm on Firefox 4, but does not display properly on IE8 w/ Adobe plugin. </p>
  
  <p>More precisely, when I embed my SVG in a EMBED (or IFRAME) tag, for all values of attribute <em>height</em> &lt;= 16382 px it works just well, but above this value the content is not displayed at all !</p>
  
  <p>I know IE8 has compatibility issues with SVG. I tried the "compatibility view" on IE and tried also to add  but that doesnt help.</p>
  
  <p>Any help appreciated :)</p>
  
  <p>Here is an excerpt of the code:</p>
  
  <pre><code>&lt;table style="width:1100px;"&gt;
   &lt;tr&gt;
        &lt;td colspan="2"&gt;
      &lt;div class="title" &gt;data&lt;/div&gt;
     &lt;/td&gt;
  &lt;/tr&gt;
  &lt;tr&gt;
    &lt;td colspan="2"&gt;
      &lt;div id="DivCont"   class="SVG_container"&gt;  
        &lt;embed src="./NC_012587/out.svg" style="margin-top:30px; overflow:hidden;"  width="1100" height="44000" /&gt;
     &lt;/div&gt;
    &lt;/td&gt;
  &lt;/tr&gt;
  </code></pre>
  
  <p>Some CSS:</p>
  
  <pre><code>tr{
      width:1100px;
  }
  
  td{
  border:1px solid #dfdfdf;
  }
  
  td.box{  
    background-color: #f5eded; 
    margin-top: 0px;
    top: 0px;
    height: 200px;
  }
  
  div.SVG_container{
   height:600px;
   width:1100px;
       overflow:scroll;
   position:relative; 
  }
  
  rect.select_div{
  position: absolute;
  height: 30px;
  width: 98px;
  background: #CCF;
  border: 1px solid #AAD;
  text-align: center;
  font-size: 10px;
  border:1px solid black;
    /* for IE */
  filter:alpha(opacity=60);
   /* CSS3 standard */
  opacity:0.6;    
  }   
  </code></pre>