フロートメッセージも表示できない･･･why?

いつもの如く参考書を元に

フロートメッセージを表示させようと

フリープラグインに

<script type="text/javascript">
<!--
var mYid ="ameblo.jp/aidus（自分のID)/"
if(document.referrer.indexOf(mYid)< 0) {
$(function(){
$("#flmes").fadeIn("slow");
return false;
})
}
$(function(){
$("#flmes a.clwin").click(function(){
$("#flmes").fadeOut("slow");
return false;
})
})// -->
</script>

CSSの最後に

#flmes{/*フロートメッセージ全体*/
top:50px;/*位置 上からＡ*/
left:50px;/*位置 左からＢ*/
width:600px;/*画像の幅Ｃ*/
background-image:http://stat.ameba.jp/user_images/20100611/12/aidus/83/b0/g/o0550060010585473904.gif;/*上の画像*/
background-position:left top;
background-repeat:no-repeat;
display:none;
position:absolute;
z-index:1000;
}
#flmes a.clwin{/*閉ボタン*/
top:0px;/*上からＤ*/
right:12px;/*右からＥ*/
position:absolute;
}
#flmes a.clwin img{
border:none;
}
#flmes #winti{/*タイトル*/
padding:5px 0 0 30px;/*上Ｆ 右 下 左Ｇ*/
color:#ffffff;/*文字色*/
font-size:15px;/*文字サイズ*/
font-weight:bold;/*太字*/
}
#flmes .winme{/*メッセージ*/
color:#333333;/*文字色*/
font-size:14px;/*文字サイズ*/
padding:30px 25px 40px;/*上Ｈ　左右Ｉ 下Ｊ*/
background-image:http://stat.ameba.jp/user_images/20100611/12/aidus/8c/bd/g/o0550002010585473903.gif;/*下の画像*/
background-repeat:no-repeat;
background-position:left bottom;
margin:0;
line-height:1.5;
}

メッセージをフリースペースに

<div id="flmes"><a class="clwin" href="#"><img alt="閉じる" src="<http://stat.ameba.jp/user_images/20100611/12/aidus/ce/21/p/o0051001910585473905.png （閉じるボタンの画像のＵＲＬ）" /></a><div id="winti">無題 - メモ帳</div>
<div class="winme">

ここにメッセージを書きます

</div></div>

※注意・・・

・・・src="閉じるボタンの画像のＵＲＬ" /></a>←ココを改行すると画像とタイトルの位置がずれます
<div id="winti">無題 - メモ帳</div>

で、記述してみるも･･･

ダメです･･･。closeは表示されても枠が表示されません。

文字は重なっちゃって透過状態だし。

※注意！
すでにフリープラグインに入っているブログパーツ等と干渉して動作しない場合があります
このブログで説明している全ページにメッセージボードや記事下に定型文などともかち合って動作しない場合があります（その場合でも動作しないのはこのフロートメッセージだけです・・他は動作するはずです）

その場合はフリープラグインの一番最初に貼り付けてみてください・・
わたしの場合はそれで回避できました（まだ・・問題はあるのですがごまかしています？）

それでも動作しない場合は・・・　
たぶん質問されても答えられないですから・・・

・・・・・あきらめましょう？

他のブログパーツを諦めるか、これを諦めるか･･･ですね（泣）。

で、全部のブログパーツ切ったのですが・・・

やっぱり表示されなかった・・・。

深まる謎である。