title: <object> tag with pdf doesn't work in firefox and is messed up in IE
body: <p>I have object tag that look like this :</p>
  
  <pre><code>&lt;div id="embeddedPdfContainer"&gt;&lt;object data="&lt;c:url value="/download-pdf/${id }"/&gt;" id="embeddedPdf"  width="820" height="1135" type="application/pdf"&gt;&lt;/object&gt;&lt;/div&gt;
  </code></pre>
  
  <p>In chrome this tag works the way I want it to. In firefox it doesn't work at all and it's messed up in IE. Here's <a href="http://imgur.com/z5teIgA,4tCKOB1,qWPeRIT#0">album</a> with screenshots in each browser. What are my options here ?</p>
  
  <p>Also on firefox I figured out that this pdf doesn't work with default firefoxe's pdf viewer. When I choose to use adobe acrobat extenstion for pdf documents it works perfectly.</p>