CSS多行圆形标题

我试图创建一个可能是多行的圆形标题。我的问题是,如果文本需要转到另一行,左图像和右图像就会开始重复。

http://www.filedropper.com/corners

CSS

.Label
{
    color:White;
}

.Left
{
    background:url('images/tab_left.png') repeat-y;
    height:auto;
    width:12px;
}

.Middle
{
    width:200px;
    height:auto;
    background:url('images/tab_mid.png');
    font-weight:lighter;
    background-repeat:repeat-x;
    color:White;
    vertical-align:middle;
    padding-top:1px;
    text-align:center;
}

.Right
{
    background:url('images/tab_right.png') repeat-y;
    height:auto;
    width:12px;
}

HTML

<table style="height:auto;" cellspacing="0" cellpadding="0" border="0">
    <tr>
        <td class="Left"></td>
        <td class="Middle"><asp:Label runat="server" ID="Label1" Text="Label1" CssClass="Label" /></td>
        <td class="Right"></td>
    </tr>
</table>