使用div的CSS擴展按鈕

所以我有一個按鈕，我已經切成三部分，左邊，重複中間和右邊。使用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