Table rendering with firefox css

Hello all--I have a bit of a problem with a css layout in firefox. What I've got is a table that is being crammed into an absolute div from css, even though the scroll function is working (or seems to be). I have attached a screen shot that will show what I mean. I am assuming this is a common problem, but can supply more info if necessary. Hope this is not too irritating for the "pros" in the audience. Thanks for looking.

 

It would be a lot easier looking at the code.

 

here is the htm

<div class="f" id="m_f">
<div id="m_f_te0" class="eb">
<div class="ebt">
<span id="m_f_te0_ti">Name</span>
</div>
<div class="ebi">
<input name="m:f:te0:t0" type="text" id="m_f_te0_t0" />&nbsp;<span id="m_f_te0_e0" class="Val"></span>
</div>
</div>

and the .css

.f
{
position: absolute;
height: $formH;
width: $formW;
top: $formT;
left: $formL;
background-color:White;
overflow:scroll;
}

 

Preferably on the *Page*!
The problem could be anywhere in the code.