title: Firefox Shrinking flash object down to 14px, chrome and IE fine
body: <p>I currently have a Script that shows a Youtube link on a user click, which works fine in Both Chrome and IE, but it forces the object height to be 14 pixels everytime in Firefox.</p>
  
  <pre><code>.popup {
  z-index: 18;
  position:fixed;
  top: 50%;
  left: 50%;
  transform: translateY(-50%) translateX(-50%); 
  -ms-transform: translateY(-50%) translateX(-50%);
  -webkit-transform: translateY(-50%) translateX(-50%);
  background-color: #4D8DBE;
  border-radius: 8px;
  border-style:double;
  border-width:4px;
  border-color: #125E98;
  box-shadow: inset 1px -1px 10px 4px #125E98;
  visibility: hidden;
  padding:15px;
  }
  </code></pre>
  
  <p>and on the user click, it'll make that visible, and add in the relevant embed code.</p>
  
  <pre><code>function RenderVideo() {
  document.getElementById("toggle").innerHTML = '&lt;object width="720" height="405"&gt;&lt;param name="movie" value="https://www.youtube.com/v/' + theVideoURL[Rand] + '?autoplay=1&amp;controls=0&amp;disablekb=1&amp;modestbranding=1&amp;enablejsapi=1&amp;rel=0&amp;showinfo=0&amp;autohide=1&amp;version=3"&gt;&lt;/param&gt;&lt;param name="allowFullScreen" value="true"&gt;&lt;/param&gt;&lt;param name="allowScriptAccess" value="always"&gt;&lt;/param&gt;&lt;embed id="ytplayer" src="https://www.youtube.com/v/' + theVideoURL[Rand] + '?autoplay=1&amp;playerapiid=ytplayer&amp;controls=0&amp;enablejsapi=1&amp;disablekb=1&amp;iv_load_policy=3&amp;modestbranding=1&amp;rel=0' + theExtras[Rand] + '&amp;showinfo=0&amp;autohide=1&amp;version=3" type="application/x-shockwave-flash" allowfullscreen="true" allowScriptAccess="always" width="720" height="405"&gt;&lt;/embed&gt;&lt;/object&gt;';
  </code></pre>
  
  <p>}</p>
  
  <p>In chrome, this renders correctly, with the video popping up in the middle with 15px padding, but in firefox, the Div pops up in the correct size, but the object just hides in the bottom of the div at 14px tall.</p>
  
  <p>is there anything that firefox needs to be able to render the video correctly?</p>
  
  <p><a href="http://jsbin.com/zetoradexe/2/" rel="nofollow">http://jsbin.com/zetoradexe/2/</a> is the minified version of what it does.</p>
  
  <p>[EDIT] I found what was causing the Issue of the video not appearing in firefox, and it was the transform command (I was using it to centre the div itself), so i guess i'll have to find a new way to center my div.</p>