Hi Chris Marisic,
Thank you for getting back to me.
I further investigated the issue with and without a RadFormDecorator on the page.
In both cases with the following page:
| <form id="form1" runat="server"> |
| <asp:ScriptManager ID="ScriptManager1" runat="server"> |
| </asp:ScriptManager> |
| <p> |
| <telerik:RadComboBox ID="RadComboBox1" runat="server"> |
| </telerik:RadComboBox> |
| </p> |
| <p style="border: 1px solid green"> |
| <div style="border: 1px solid red"> |
| div</div> |
| </p> |
| </form> |
this is what I observed in FireFox and FireBug:
- FireFox renders the <div>s (including that of the RadComboBox) outside of their containing <p> element.
- FireBug shows the same thing.
- The source code of the page however shows the <div>s inside the <p> element.
Having in mind that a <div> element put inside a <p> element is an invalid HTML, the conclusion is that FireFox 'fixes' this inconsistency by rendering the HTML properly.
In order to avoid this, I suggest you replace the <p> container with a <div> element. If you put some top/bottom margins of the latter you can achieve a similar to the <p> rendering look.
Please let me know if you have any additional questions.
All the best,
the Telerik team