[Solved] TitlebarTemplate styling issue in Firefox

[Steven]

I have a styling issue in the TitlebarTemplate with fire fox:

<telerik:RadDockZone ID="RadDockZone1" runat="server" Width="99%">
    <telerik:RadDock ID="rdSystemInfo" runat="server" Width="99%" Skin="Web20">
        <Commands>
        </Commands>
        <TitlebarTemplate>
            <div>
                <asp:Label ID="Label1" runat="server" Text="Label" Font-Bold="true" Font-Size="Medium"></asp:Label>
            </div>
        </TitlebarTemplate>
        <ContentTemplate>
            test
        </ContentTemplate>
    </telerik:RadDock>
</telerik:RadDockZone>

this renders like this: http://img245.imageshack.us/img245/3931/withoutlineheight.gif

So I added a style to the div:

<div style="line-height:25px;">
    <asp:Label ID="Label1" runat="server" Text="Label" Font-Bold="true" Font-Size="Medium"></asp:Label>
</div>

then it comes out like this: http://img375.imageshack.us/img375/716/withlineheight.gif

I have tried to analyze the styles in firebug to make sure it isn't conflicting with existing styles on the page but there isn't anything else affecting the radDock.

The control works fine in IE.

We're currently using 2009.3.1103.35

[Steven]

Ahh I found the issue is with using percentage values for the width, this fix resolved the issue: http://www.telerik.com/community/forums/aspnet-ajax/docking/style-difference-between-localhost-vs-machine-name.aspx#1356662