javascript - jqueryでdivをアニメーション化するときにCSS z-indexが機能しませんか?

Question

赤い div を青い段落の上にロールオーバーするのを手伝ってくれる人はいますか?

http://jsfiddle.net/B3rQR/1/

z-index でやってみましたが、うまくいきませんでした:

div {
    z-index: 1;
}

p {
    background-color: blue;
    z-index: 0;
}

これが初心者の質問である場合は申し訳ありません。

前もって感謝します！