INDEXの設定について

質問

INDEXをblogにつけたいと思っているのですが、やり方がわからずおかしなことになってしまいます。
タイトルINDEXは一つで全体を囲みたいとおもっているのですが、今の状態ですと、一つ一つにタイトルが付き、点線で囲まれてしまいます。ブログツールはserene Bachを使っています。CSSとHTMLの記述を記載しますので分かる方は教えていただけますでしょうか。宜しくお願いします。
CSS
/*----INDEXエリアの外枠や背景----*/
div.index {
background-color: #fff;
margin: 15px 20px 0px 20px;
padding: 2px 0px 5px 0px;
border-top: 1px dotted #666;
border-bottom: 1px dotted #666;
border-left: 1px dotted #666;
border-right : 1px dotted #666;
}

/*----「INDEX」というタイトル----*/
div.indextitle {
font-size: 11px;
font-weight: bold;
color:#E1A27D;
line-height: 100%;
text-align : center ;
margin: 5px 100px 0px 100px;
padding: 0px 0px 5px 0px;
vertical-align:bottom;
border-bottom: 1px solid #CCC;
}

/*----INDEXテキスト（エントリータイトル）----*/
div.indextext {
font-size: 10px;
line-height: 150%;
text-align : left ;
margin: 1px 50px 0px 40px;
padding: 1px 0px 0px 0px;
}

/*----INDEXテキストのリストマークを消す----*/
div.indextext ul {
list-style:none;

HTML
<!-- BEGIN entry -->
<div class="index">
<div class="indextitle">
　::: What's　New :::　</div>
<div class="indextext"><a href="#eid{entry_id}">{entry_title}</a>{entry_date} {entry_time}|{user_name}<br /></div></div>
<!-- END entry -->

回答No.1

noname#14286

cssの問題ではなくhtmlですね。

<!-- END entry -->の位置を移動します。
１つ前の</div>のところでしょうかね。
それでだめなら、<br />の後ろのところか。