CSS扩展按钮与Divs

Question

所以我有一个按钮，我分三部分，左边，重复中间和右边。

我将它们放在这样的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工作）

编辑：我得到的结果是这样的：

Answer 1

我假设你这样做，但只是为了验证，你是否有按钮float:left？