返信ありがとうございます。無事に解決いたしました。まことにありがとうございました。
もうひとつ問題が発生しまして、もしどなたかわかる方がいらっしゃいましたらご指摘お願い致します。（たびたびすいません・・・）
白いサブメニューの下に新たにメニューを追加したところ、文字が下のほうにずれてメニューバーのバックの画像が表示されず、原因がわかりません。
サイト
サイドバーに関するＣＳＳは以下の通りです。
/* サイドバー */
div#sidebar {width: 200px;
height:auto;
font-size: 1.25em;
font-weight: bold;
margin:10px 0 0 0;
float: left;}
div#sidebar ul {
margin: 0;
padding: 0;}
div#sidebar li {list-style-type: none}
div#sidebar .widget {
background-color: ffffff;}
div#sidebar h2 {font-size: 0.75em;
color: #ffffff;
border-bottom: solid 1px #ffffff;
padding-bottom: 8px;
margin: 0 0 10px 0}
div#sidebar li li {font-size: 0.75em;
}
div#sidebar li li a {
text-decoration: none;
color: #000000;
padding: 0 0 0 0;
}
ul.sub-menu{
margin:0px 0px 0px 0px;
font-size: 1.1em;
display: block;
}
ul.sub-menu li{
background: url(menu_ver2.jpg) no-repeat;
width:200px;
height:27.5px;
padding:12.5px 0px 0px 50px;
margin:0px 0px 0px -40px;
float:left;
}
.menu > li > a {
text-decoration: none;
color: #000;
display: block;
width: 200px;
height: 27.5px;
padding: 12.5px 0px 0px 40px;
margin: 0;
}
/* 固定ページ（カスタムメニュー） */
.widget_nav_menu h2 {display: none}
.widget_nav_menu li {
background: url(menu_ver1.jpg) no-repeat;
width: 200px;
height:27.5px;
padding:12.5px 0px 0px 40px;
margin:0px 0 0 0;
}
/* 固定ページ（メニュー） */
/* 未使用？ */
.widget_pages h2 {display: none}
.widget_pages li {
background: url(menu_ver1.jpg) no-repeat;
width: 200px;
/*修正前height:40px;*/
height:27.5px;
padding:12.5px 0px 0px 40px;
/*margin:-12.5px 0 0 0;*/
margin:0px 0 0 0;
}
無駄なコードが多くてすいません・・・
