2.12.6 を利用しています。
テンプレートはダウンロードした物そのままを利用しています。

左のメニューのデザインを変えようと思っています。
背景をなくしたり、罫線を引いたりです。
IEでは、希望道理に表示されるのですが、Chromeで罫線が表示されません。
上左右に1ピクセルの罫線・下に1ピクセルの点線です。
以下のような結果になってしまいます。
http://s1.gazo.cc/up/73778.jpg

CSSは以下の通りです。

bloc.css


/* タイトルの背景 白 */
#login_area h2,
#search_area h2,
#calender_area h2,
#cart_area h2,
#cart h2 {
padding: 5px 0 8px 10px;
border-style: solid　solid　dashed;
border-color: #ccc;
border-width: 1px;
font-size: 14px;
}
/* カテゴリはなぜか左右の線がいらない */
#category_area h2 {
border-style: solid　solid　dashed;
border-color: #ccc;
border-width: 1px　0 1px;
padding: 5px 0 8px 10px;
font-size: 14px;
}

どのように修正すれば、Chromeで表示出来ますか?
よろしくお願いします。