Tab panel's header text cut off half way vertically

I have added on Tab Container which contain three panels. When I run the page, the header text of panel cuts of vertically, looks like a white bar on top of text. Any help will be highly appreciated.

 Following is my code:

            <div>
                <cc1:TabContainer ID="TabContainer1" runat="server">
                    <cc1:TabPanel ID="pnlStoryList" runat="server" HeaderText="Story List">
                        <HeaderTemplate>
                            Story List
                        </HeaderTemplate>
                        <ContentTemplate>
                                    <table cellspacing="0" cellpadding="0" width="97%" align="center" border="0">
                                        <tr class="ListTitle">
                                            <td>
                                                &nbsp;</td>
                                            <td>
                                                <b>Story Title</b>
                                            </td>
                                            <td colspan="3" align="center">
                                                <b>Actions</b>
                                            </td>
                                        </tr>
                                    </table>
                        </ContentTemplate>
                    </cc1:TabPanel>
                    <cc1:TabPanel ID="pnlOtherStory" runat="server">
                        <HeaderTemplate>
                            Other Stories
                        </HeaderTemplate>
                        <ContentTemplate>
                                    <table cellspacing="0" cellpadding="0" width="97%" align="center" border="0">
                                        <tr class="ListTitle">
                                            <td width="80%">
                                                <b>Title</b></td>
                                            <td width="20%" colspan="3" align="center">
                                                <b>Actions</b></td>
                                        </tr>
                                    </table>
                        </ContentTemplate>
                    </cc1:TabPanel>
                    <cc1:TabPanel ID="pnlSharedStory" runat="server">
                        <HeaderTemplate>
                            Shared Stories
                        </HeaderTemplate>
                        <ContentTemplate>
                                    <table cellspacing="0" cellpadding="0" width="97%" align="center" border="0">
                                        <tr class="ListTitle">
                                            <td width="85%">
                                                <b>Title</b></td>
                                            <td colspan="2" width="15%">
                                                <b>Actions</b></td>
                                        </tr>
                                    </table>
                        </ContentTemplate>
                    </cc1:TabPanel>
                </cc1:TabContainer>
            </div>