.mystyle { margin-top: -2px; }
<telerik:RadTabStrip ID="RadTabStrip1" runat="server" Align="left" Skin="Vista" Style="position: relative; z-index: 1" Width="600px" SelectedIndex="0" MultiPageID="RadMultiPage1" Orientation="HorizontalTop" >
<Tabs>
<telerik:RadTab PageViewID="RadPageView1" Text="General Information" />
<telerik:RadTab PageViewID="RadPageView2" Text="Class Information" />
<telerik:RadTab PageViewID="RadPageView3" Text="Clinical Information" />
</Tabs>
</telerik:RadTabStrip>
<telerik:RadMultiPage ID="RadMultiPage1" runat="server" SelectedIndex="0" CssClass="mystyle">
<
telerik:RadPageView ID="RadPageView1" BorderColor="Gray" BorderStyle="Solid" BorderWidth="1px" runat="server">
</
telerik:RadPageView>
</
telerik:RadMultiPage>
Attached is a image showing the missing pixel.
One fix is to center the tabs then the border wraps around the upper left corner. This does not look good and I need the tabs to be aligned left.
Is there a way to align left but slide the tabs over just enough to fill in the pixel?
missingpixel.gif