Divを持つCSS拡張ボタン

私は3つの部分に分かれたボタンを持っています。Divを持つCSS拡張ボタン

私は彼らがこのようにdiv要素に置か：

<a href="#"> 
    <div class="button_wrapper"> 
    <div class="left-corner">1</div> 
    <div class="middle-bar">Kontakt</div> 
    <div class="right-corner">3/div> 
    </div> 
</a>

とCSSは、このようなものです：私は間違って何をやっている

.button_wrapper { margin-right:25px; display:inline; } 
.button_wrapper:hover .left-corner { background:url(../images/menu_s_l.png) no-repeat; width:11px; height:21px; } 
.button_wrapper:hover .middle-bar { background:url(../images/menu_m_bg.png) repeat-x;height:21px; } 
.button_wrapper:hover .right-corner { background:url(../images/menu_s_r.png) no-repeat; width:11px; }

？：S

（なし私は、国境半径を:(使用し、それを持っていたし、その後、彼らはそれがIE8で動作する必要が私に言ったことはできません）

編集：私は取得していた結果、このようなものです：

broken menu