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

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

<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;
}

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

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

No.1 ベストアンサー 回答者： yambejp 回答日時： 2010/09/08 10:08

＞背景画像の繰り返しができません。

縦方向に繰り返したいのでしょうか？
であれば#mainにheightを指定してあげてください
もし横方向に繰り返したいのであれば
background-repeat: repeat-x;

この回答へのお礼

ありがとうございました！！！

一発解決です！！！

お礼日時：2010/09/08 10:15