CSS not being applied in Chrome as expected

I've got a tabcontainer that I have applied into a tabcontainer (another question).  In IE, the css looks like it is being applied properly and is larger as expected.  The problem is with Chrome (seems to work in Firefox as well).  The larger fonts do not seem to be applied in Chrome.  Here is my code.  Any ideas?

MyTableStyle .ajax__tab_header:after {
    clear: both;
}

.MyTableStyle .ajax__tab_header:before, .MyTabStyle .ajax__tab_header:after {
    content: "";
    display: table;
}

.MyTabStyle .ajax__tab_header {
    font-family: "Helvetica Neue", Arial, Sans-Serif;
    font-size: 30px;
    font-weight: bold;
    /*  display: inline-block;  */
}

.MyTableStyle .ajax__tab_tab {

}

.MyTabStyle .ajax__tab_header .ajax__tab_outer {
}

.MyTabStyle .ajax__tab_header .ajax__tab_inner {
    font-size: 15px;
}

.MyTabStyle .ajax__tab_hover .ajax__tab_outer {
}

.MyTabStyle .ajax__tab_hover .ajax__tab_inner {
}

.MyTabStyle .ajax__tab_active .ajax__tab_outer {
}

aspx layout:

           <actk:TabContainer ID="tabC" runat="server" CssClass="MyTabStyle">
                <actk:TabPanel HeaderText="One" runat="server">
                    <ContentTemplate>One</ContentTemplate>
                </actk:TabPanel>
                <actk:TabPanel HeaderText="Two" runat="server">
                    <ContentTemplate>Two</ContentTemplate>
                    </actk:TabPanel>
                <actk:TabPanel HeaderText="Testy" runat="server">
                    <ContentTemplate>Testy</ContentTemplate>
                </actk:TabPanel>
            </actk:TabContainer>

PS.  For some reason, my image won't upload this morning, but it is just an image in chrome of the text being very normal.