title: ReportViewer cannot shown in Firefox8 and Chrome15
body: <p>I have an asp.net mvc3 project, it has some reports in aspx web pages. Everything works great in 2-3 weeks ago, but now, when I open the reports pages in FireFox8 and Chrome 15, the reports can not be displayed correctly.</p>
  
  <p>In FF8, report content can be shown, but looks like css doesn't loaded, and report head control look like this:</p>
  
  <p><img src="https://i.stack.imgur.com/alUpZ.jpg" alt="enter image description here"></p>
  
  <p>In Chrome15, report head looks fine but content isn't shown up. I can see it has correct contents when using Firebug to view those .</p>
  
  <p>Since data can ben loaded to browser, I think it maybe a browser compatibility problem, am I right?</p>
  
  <p>Does anyone seeing same issues? I'm open to any suggestions.</p>
  
  <p>BTW:My report viewer's version is 10.0.0.0.</p>
  
  <p>Thanks.</p>
  
  <p>[Edit in 12/21/2011]
  <strong>FireFox</strong>
  After several research on this, I have noticed when browse in firefox, server will catch an <strong>[Microsoft.Reporting.WebForms.HttpHandlerInputException: Missing URL parameter: Name]</strong>, and the <strong>query string</strong> is <strong>OpType=BackImage&amp;Version=10.0.40219.329&amp;Color=%23ECE9D8&amp;Name=Microsoft.Reporting.WebForms.Icons.toolbar_bk.png</strong>; <strong>path_info</strong> is <strong>Reserved.ReportViewerWebControl.axd</strong></p>
  
  <p>This may be the reason why firefox can't show page with correct CSS.</p>
  
  <p>I don't know why this happens in Firefox &amp; Chrome, while in IE everything is fine.</p>
  
  <p>I've found this link shows same excpetion: <a href="http://social.msdn.microsoft.com/Forums/eu/vsreportcontrols/thread/80ce3ee8-e65b-476c-b668-ecc8e83ea73d" rel="nofollow noreferrer">http://social.msdn.microsoft.com/Forums/eu/vsreportcontrols/thread/80ce3ee8-e65b-476c-b668-ecc8e83ea73d</a></p>
  
  <p>But I'm not sure how did he solve this, can you or somebody else gives some tip or example code to solve this?</p>
  
  <p><strong>Chrome</strong>
  When browse in chrome, I found the report data is loaded into DOM, and surronded by a  with id="ReportViewer1_fixedTable". Inside that  element, there's a div with id="ReportViewer1_ctl09" nested in , if I remove the "height: 100%", the report can be seen. </p>
  
  <p>this link <a href="http://www.apptools.com/examples/tableheight.php" rel="nofollow noreferrer">http://www.apptools.com/examples/tableheight.php</a>, explained why this 100% cannot be rendered correctly, but I'm still failed when trying to give a fixed height via CSS, the code can't be pasted here, please see <a href="http://forums.asp.net/t/1748832.aspx" rel="nofollow noreferrer">this</a> as a reference.</p>
  
  <p>Thanks.</p>