FC2ブログ テンプレートのCSS編集について

質問

こちらのテンプレート
http://labyrinth2014.blog.fc2.com/
記事が長くなると、右サイドメニューの背景が
下部のフッターから離れてしまいます。
この背景は画像になっていますが、記事の長短に関わらず、
フッターまで伸ばすには（繋がるように）どうしたらよいでしょうか。

/* 全体の幅 -------------------------------------------------*/
#container{
text-align: left;
width: 950px;
padding: 0px;
border-right:1px solid #ddd;
border-left:1px solid #ddd;
margin:0 auto;
line-height: 110%;
background-color: #fff;
}

/* 右カラムの幅 -------------------------------------------------*/
#right{
float : left;
width : 280px;
overflow: hidden;
background-color: #eee;
background-image : url(http://blog-imgs-35.fc2.com/w/e/b/weboook/gray3.png);
background-repeat:repeat;
}

/* メインの幅 -----------------------------------------------*/
#main {
float : left;
width : 670px;
margin:0px;
padding: 0px;
overflow: hidden;
}

・
・
・
中略
・
・
・

/* サイド右側*/

.sidetitle{
color: #333;
font-size:16px;
font-weight : bold;
text-align: left;
background: url(http://blog-imgs-35.fc2.com/w/e/b/weboook/whiteline.png) repeat;
padding: 5px 5px 6px 8px;
margin : 0px 0px 0px 0px;
}

.sideblock{
font-size:12px;
line-height: 150%;
padding: 10px 5px 10px 5px;
margin-bottom:15px;
}

.side ul {
padding: 0px;
margin : 0px;
}

.side li {
list-style-type : none;
display:block;
text-align: left;
font-size: 12px;
color:#333333;
line-height: 130%;
}

.side li a {
padding:6px 5px 5px 10px;
display:block;
border-bottom:1px solid #ddd;
}
.side li a:hover{
background-image : url(http://blog-imgs-35.fc2.com/w/e/b/weboook/bgGray.png);
background-repeat:repeat;
text-decoration:none;
padding:7px 4px 4px 11px;
}

よろしくお願いします。

回答No.1

kobliha

＞右サイドメニューの背景が下部のフッターから離れてしまいます。

それがフツーなのだが、それを意図どおりにするには 「CSS だけでは限られた場合にのみ」であるから、フツーは jQuery などの javascript を用いて行う。
ライブラリがいくつかあるので、試してみるしかない。

https://www.google.co.jp/search?client=ubuntu&channel=fs&q=%E3%83%9C%E3%83%83%E3%82%AF%E3%82%B9%E3%81%AE%E9%AB%98%E3%81%95%E3%82%92%E6%8F%83%E3%81%88%E3%82%8B&ie=utf-8&oe=utf-8&hl=ja