How to remove the effect of all the parent containers on any child control

Q:

I have the following problem , I use RadDatePicker in a table td and i have more than container(div).the problem is the (next and previous navigation text is reversed). I mean >> instead of << and > instead of < and vice versa.i tried to set the properties related to this issue but in vain .some parent container effect reverse any thing.

When i take the control out of any container every thing goes okay . What i wanna is to remove any effect of the containers' CSS on my date picker.Because i don't know which property exactly make this strange effect.

My source code:

<div class="toggle_container">
        <div class="block">
            <h4 align="right" dir="rtl">
               :</h4>
            <hr style="width: 745px;" align="right" />
            <asp:UpdatePanel ID="UpdatePanel1" runat="server">
                <ContentTemplate>
                    <div id="masterDiv" align="center" style="width: 800px">
                        <div id="masterControls" style="text-align: center; width: 780px;">
                            <table align="center" cellpadding="3" cellspacing="1" width="98%" dir="rtl">
                                <tr bgcolor="#f1ece2">
                                    <th colspan="3" align="right" valign="middle">

                                    </th>
                                </tr>
                                 <%--  more markup --%>
                                <tr bgcolor="#f1ece2">
                                    <td align="right" class="title" colspan="2" style="text-align: center" width="40%">
                                        الفترة (من):
                                    </td>
                                    <td align="right">

                                            <telerik:RadDatePicker ID="rad_dateFrom" runat="server" Culture="Arabic (Egypt)"
                                                Skin="Web20">
                                            </telerik:RadDatePicker>

                                    </td>
                                </tr>
                                <tr bgcolor="#f1ece2">
                                    <td align="right" class="title" colspan="2" style="text-align: center" width="40%">
                                        الفترة (الى):
                                    </td>
                                    <td align="right">
  开发者_开发知识库                                      <telerik:RadDatePicker ID="rad_dateTo" runat="server" Culture="Arabic (Egypt)" Skin="Web20">
                                            <Calendar Skin="Web20" UseColumnHeadersAsSelectors="False" UseRowHeadersAsSelectors="False"
                                                ViewSelectorText="x">
                                            </Calendar>
                                            <DatePopupButton HoverImageUrl="" ImageUrl="" />
                                        </telerik:RadDatePicker>
                                    </td>
                                </tr>
                                 <%-- more markup  --%>
                            </table>
                        </div>
                    </div>
                        </ContentTemplate>
                <Triggers>
                </Triggers>
            </asp:UpdatePanel>

        </div>
    </div>

From Firebug:

<a id="ctl00_ContentPlaceHolder1_rad_dateFrom_calendar_FNN" class="rcFastNext" href="#" title=">>">&gt;&gt;</a>

This is the fast next navigation and what has shown to me is << how to convert it to >>.

Thanks in advance.

Inspect the element in question and see what styles have been overwritten. It's hard to say more without live example. Just for the look of your code writing-mode comes to mind.

Thanks a lot. the answer is so simple. just the table direction is rtl.and this is the problem.