Не могу заставить firefox рендерить div на 100% высоты со скроллом, если контейнер тоже имеет высоту в процентах.
вот html:
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "
http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html style="height: 100%; margin: 0px; padding: 0px" xmlns="
http://www.w3.org/1999/xhtml">
<head>
<title>Untitled Page</title>
<style type="text/css">
td
{
border: solid 2px blue;
}
div
{
border: solid 2px grey;
}
</style>
</head>
<body style="height: 100%; margin: 0px; padding: 0px">
<table cellpadding="0" cellspacing="0" style="height: 100%; width: 100%">
<tr style="height: 45px">
<td>
тут что-то фикс высоты, тулбар например
</td>
</tr>
<tr>
<td>
<div style="height: 100%; overflow: auto;">
что то очень длинное надо чтобы это занимало все оставшееся место со скроллом авп<br />
вап<br />
вап<br />
выап<br />
выап<br />
ывап<br />
выап<br />
ыап<br />
выа<br />
пыв<br />
ап<br />
ывап<br />
выап<br />
ывап<br />
выап<br />
в<br />
ыап<br />
выап<br />
выап<br />
ы<br />
ап<br />
выап<br />
выа<br />
пв<br />
ып<br />
выап<br />
выап<br />
выа<br />
пв<br />
ыап<br />
выап<br />
выап<br />
выап<br />
выа<br />
пваы<br />
пв<br />
ыап<br />
выап<br />
выа<br />
вап<br />
ва<br />
пв<br />
ап<br />
вап<br />
выапыва<br />
пвы<br />
ап<br />
выап<br />
выап<br />
выап<br />
выап<br />
выа<br />
пв<br />
ыап<br />
выап<br />
выап<br />
выап<br />
выа<br />
п<br />
выа</div>
</td>
</tr>
</table>
</body>
</html>
