RadButton checkbox multiline overlaping and cross-browser compatibility

[Sophie]

Hello
I am having issues with the RadButton checkbox. 
I have this code:

<div style="width:200px;">
    <p>This div has a width of 200px only:</p>
    <dl>
        <dt>
            <telerik:RadButton runat="server" ID="MyButton1" ButtonType="ToggleButton"
             ToggleType="CheckBox" AutoPostBack="false"
             Text="This text should be long enough to create a second line and maybe a third line because the next checkbox will overlaps with this one and maybe more."  />
        </dt>
        <dt>
            <telerik:RadButton runat="server" ID="RadButton1" ButtonType="ToggleButton"
             ToggleType="CheckBox" AutoPostBack="false" Text="Might be one line." />
        </dt>
        <dt>
            <telerik:RadButton runat="server" ID="RadButton2" ButtonType="ToggleButton"
             ToggleType="CheckBox" AutoPostBack="false" Text="A word." />
        </dt>
        <dt>
            <telerik:RadButton runat="server" ID="RadButton3" ButtonType="ToggleButton"
            ToggleType="CheckBox" AutoPostBack="false"
            Text="This text should be long enough to create a second line and maybe a third line because the next checkbox will overlaps with this one and maybe more." />
        </dt>
        <dt>
            <telerik:RadButton runat="server" ID="RadButton4" ButtonType="ToggleButton"
             ToggleType="CheckBox" AutoPostBack="false"
              Text="This text should be long enough to create a second line and maybe a third line because the next checkbox will overlaps with this one and maybe more." />
        </dt>
    </dl>
</div>

And i get diferent behavior in Chrome IE and Firefox.
My problem is that when i populate those dt, it comes from the database so it might be a long phrase or a word so i can't set a fixed height property. (see the picture attached)

The ideal output i get is from firefox, but in IE and Chrome its a complete desaster....
Any way i could fix this?

Thanks!
I'm using telerik v. 2012.1.215.35

[Bozhidar]

Hello,

I have tested your scenario with the latest and previous DLL versions and it works fine in three browsers - FireFox, Chrome and IE.

This is a short video showing my tests: http://screencast.com/t/eggb8JDckW.

Could you check, if you are using the latest version of the controls, as the problem was fixed recently, and if you are using older version, it could be possible to experience such a behavior.

Regards,
Bozhidar
the Telerik team

[Sophie]

Hello Bozhidar, I feared that i needed a new update. We're in the process of getting it. I'll keep a close look on how the controls behavior with the update. Thank you for your quick anwser, always appreciated.