>>342
CSSの方で書いていただいたようでありがとうございます。

ただ、大変恐縮なのですが>>330の下記のような表示にしたいのです。
=========================================================
C：ボタン画面　（説明上分かりやすいように枠内余白を設けました。）
http://nukkorosu.80code.com/img/nukkorosu10278.png
=========================================================

>>343でも書いたのですが、
内側のボタン上にマウスカーソルがある状態（hover）だと内側のボタンに枠が
表示されるますが、これを外側のボタン上にマウスカーソルがある状態（hover）
でも、内側のボタン上にマウスカーソルがある状態と同じにしたいという事です。

書いていただいたCSSだと、内側のボタンと外側のボタンの間にボーダー1本が
入るので、内側ボタンにマウスカーソルを乗せたときに、このボーダーと内側の
ボタンの枠が被ってしまい、線が重複してしまっています。