rich:panel height causing problem in Safari and Firefox

[tabhi]

rich:datapanel is defined within the rich:panel.
Following style is applied for the rich:panel

.richpanel{
width:100%;
height:40%;
max-height:40%;
min-height:40%;
padding:0px;
margin:0px;
}

Folloowing style is applied for rich:datapanel

.dataTablePanel{
height:100%;
width:99.5%;
overflow-x:auto;
overflow-y:auto;
border:1px solid #bed5fe;
align:center;margin-left:1px;
}

Problem is, the height of the rich:panel is directly proportional to the
number of records in the datapanel(Firefox and Safari) which causes these
components grow more than the height specified. Its not causing any problem in IE.

Is there any way to fix the height of the datapanel or rich:panel in Firefox and Safari irrespective of the number of records available?

[tabhi]

Forgot to mention the version, I am using richfaces 3.2.1

[ilya_shaikovsky]

rich:panel component is just 2 nested divs.. So try to use firebug (for FF) in order to check appropriate styles.

[tabhi]

It is taking inly in px, is there any way to give the height in % and maintain the minimum height irrespective of the number of records available to display? If the height is given in px then it is taking the minimum height else the height varies depending on the number of records.

[tabhi]

"tabhi" wrote:
It is taking only in px, is there any way to give the height in % and maintain the minimum height irrespective of the number of records available to display? If the height is given in px then it is taking the minimum height else the height varies depending on the number of records.