When you insert a GroupBox control, the editor adds a blank GroupBox with the opportunity to edit the Title and the Contents. Double-click in each area to edit the text.
Behind the scenes, GroupBoxes are implemented using the HTML <fieldset> control. Different browsers handle this control in different ways. In particular, some browsers (for example, Firefox) will use the specified height and width even if the contents of the GroupBox are larger, while other browsers (for example, Internet Explorer) will ignore the specified height and width and dynamically size the GroupBox to fit its contents. Note that this behavior is outside the control of ClubExpress.
When you insert a GroupBox it will have a default width and height, specified by the editor. This is done so that it’s visible in the editor and can be selected and edited. In Internet Explorer, you can select the GroupBox and drag it to a larger size; for some reason, this does not work in other browsers. You can also switch into HTML mode and manually adjust the size, which is usually specified in pixels.
<fieldset style="width:200px;height:80px;">
If you remove either the width or the height, your browser will dynamically size the GroupBox based on its contents.
<fieldset style="width: 200px;">
specifies a box of 200 pixels wide but the height will be dynamic based on the contents. To allow for the vagaries of different browsers, we suggest that you remove the height: attribute and manually adjust the width: attribute to fit the contents you have placed in the GroupBox.