x-hide-display question

[NotChris]

What causes the class x-hide-display to be inserted into the generated html code for styles? I am setting a style for a toolbar and within FF, the above class gets inserted and I am seeing nothing displayed on the toolbar after inserting widgets such as images/buttons. Within IE7, this specific class in not automatically inserted and I am able to see the widgets displayed correctly. Is there a way to remove this?

ToolBar toolBar = new ToolBar();

toolBar.add( image );
toolBar.addSeparator();
toolBar.add( button );
toolBar.setStyleName( TOOLBAR_BACKGROUND); // From constants file

.TOOLBAR_BACKGROUND {
background-image: url(../images/Back.gif);
border-left: 1px solid #CCC;
border-top: 1px solid #CCC;
border-right: 1px solid #000;
border-bottom: 1px solid #000;
padding: 1px;
background-position: top;

}

Generated code in FF for first widget (removing x-hide-display causes widget to be displayed correctly):

<td class="x-toolbar-cell">
<div id="x-auto-171" class="x-hide-display" style="margin-right: 0px;">
<img class="gwt-Image" src="...circle.gif" title="" __w="img" __n="circle.gif"/>
</div>
</div>
</td>

[dp_infoatom]

bbar with paging was invisible
this will help:


<style>
.x-panel-bbar {width:100% !important;}
.x-toolbar {width:100% !important;}
</style>

[sven]

Is it possible that you are not sizing your grid dp_infoatom? I dont understand how your issue is related to the topic.