スタイルシートで影？

こんな感じで影をつけるのに少し迷ったので一応メモ。。

<style type="text/css">
<!--
.top{
　　position:relative;
　　background-color:cyan;
　　top:-5px;
　　left:-5px;
}
.back{
　　position:relative;
　　background-color:blue;
}
-->
</style>
<div class='back'><div class='top'>
スタイルシートで影
</div></div>

< div>の中に< div>を入れてやらないと、親要素からの距離が上手く取れないのね。