swfobjectがよくわからない

js flex

flexのswfファイルをHTMLの中に嵌め込むのが面倒くさそうだなーと思ってたら、swfobject という JavaScript ライブラリがあることを知りました。


で、始めは最新バージョンが分かってなくて、swfobjectの1.5を使っておりました。
でも最新は2.1ということが分かりました。
http://code.google.com/p/swfobject/


で、さっそく2.1を使ってみたら、flash部分が真っ白になってしまいました。（Mac OSX Leopardでfirefox3.0.10）
safariやIE6ではちゃんと表示されるのに・・・


で、なんやかんや調べてみましたが同じ現象の人が見つからなかった。
たぶん自分がなんかおかしいことをしているのでしょう。
もっと深く調べようかと思ったけど、1.5で動いてたのがあるので、もう1.5でやり過ごすことにしました。
またハマるとイヤなのでメモしておく。

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">
<html>
  <head>
    <meta http-equiv="content-type" content="text/html; charset=UTF-8">
    <link type="text/css" rel="stylesheet" href="/stylesheets/main.css" />
    <title>comment at App Engine!</title>
  </head>
  <body scroll='no'>
    <div id="headerFlash">
      <script type="text/javascript" src="/javascripts/swfobject.js"></script> 
      <script type="text/javascript">
        var so = new SWFObject("/swf/main.swf", "ssp", "100%", "100%", "6", "#000000");
        so.write("headerFlash");
        </script>
      </div>
    </body>
  </html>


一応CSSも。関係ないと思われるけども。
main.css

@charset "utf-8";

html, body{
  margin:0;
  padding:0;
}

body, #headerFlash {
  background-color:#FFF;
  postion:absolute;
  width:100%;
  height:100%;
}

p {
  margin: 20px 20px 30px 20px;
}

h1 {
  margin: 0px 0px 50px 0px;
}