spaces between textbox and button

[L]

hi

i have a code that display differently bwtween firefox and IE9. Both support CSS3

what i get from Firefox is that there is no spaces betweeen the textbox and the button, which is what i want.
But when i use IE9 to view, there is a space between the textbox and the button. How do i get the same display as firefox.

here is the code: Thanks

<td> <div style="text-align:center">
     <telerik:RadTextBox ID="RadTextBox1" Runat="server" 
            style="border-style: solid; border-width:8px; border-color:#e9e5d9; font-size:medium; border-radius: 3px 0px 0px 3px;font: bold 15px/10px 'lucida sans', 'trebuchet MS', 'Tahoma'; "
             Height="48px"
            Width="470px"
            EmptyMessage="search here......">
        </telerik:RadTextBox>
    
        <asp:Button ID="btnSearch" runat="server"
            style="overflow: visible; position:absolute; border:0px none #d83c3c; padding: 0;cursor: pointer;height: 48px;width: 110px; font: bold 15px/0px 'lucida sans', 'trebuchet MS', 'Tahoma';    color: #fff;    text-transform: uppercase; border-radius: 0px 3px 3px 0px;background-color: #d83c3c;"
            Text="SEARCH" />
 </div></td>

[Nencho]

Hello L L,

Sometimes leaving a blank space or a tab in the markup reflects in the rendering of the page. Please consider the following implementation in order to resolve this tricky issue.

<td>
                <div style="text-align: center">
                    <telerik:RadTextBox ID="RadTextBox1" runat="server" Style="border-style: solid; border-width: 8px;
                        border-color: #e9e5d9; font-size: medium; border-radius: 3px 0px 0px 3px; font: bold 15px/10px 'lucida sans', 'trebuchet MS', 'Tahoma';"
                        Height="48px" Width="470px" EmptyMessage="search here......">
                    </telerik:RadTextBox><asp:Button ID="btnSearch" runat="server" Style="overflow: visible; position: absolute;
                        border: 0px none #d83c3c; padding: 0; cursor: pointer; height: 48px; width: 110px;
                        font: bold 15px/0px 'lucida sans', 'trebuchet MS', 'Tahoma'; color: #fff; text-transform: uppercase;
                        border-radius: 0px 3px 3px 0px; background-color: #d83c3c;" Text="SEARCH" />
                </div>
            </td>

Please take a look at the image, in order to observe how your code is implemented at our end.

Regards,
Nencho
the Telerik team