スタイルシートで背景の繰り返しができない

スタイルシートで背景の繰り返しができない

<div id="main">

<div id="navi">
<table>
<tr>
***
</tr>
<tr>
***
</tr>
</table>
</div>

<div id="contents">
<table>
<tr>
***
</tr>
<tr>
***
</tr>
</table>
</div>

</div>

というHTMLで、スタイルシートの内容は

#main{
margin-left: 60px;
background-image: url("image/bg.png");
background-repeat: repeat-y;
padding: 20px;
white-space: nowrap;
}

#navi{
width: 300px;
float : left;
}

#contents{
width: 389px;
float :left;
}

としていますが、背景画像の繰り返しができません。
なにが原因なのでしょうか？

間違いがありましたら教えていただけないでしょうか。

投稿日時 - 2010-09-08 09:54:00