Display issues with Firefox 3 Beta

[cfe]

I few display problems have cropped up with the latest firefox, but I'm unsure of whether it's a coding or rendering mistake. You can view the site at www.cascadefire.com.

The main issue can be seen when you click on the "Catalog Request" link on the top-right of the main content div (you must have javascript enabled). The resulting box is about twice as tall as it should be, showing a large blank white area on the top half. The issue only seems to exist with version 3 beta of the Firefox browser.

I've tried tweaking some of the CSS height values and such, but, to be honest, I'm a little out of practice. Anyone else see anything?

Thanks!

[drhowarddrfine]

I see a large white box in the bottom in FF2. Perhaps a javascript problem? In any case, Beta3 is not considered ready for prime time while beta 5, which came out yesterday, is ready. I'd upgrade to that and see if there's a difference.

[cfe]

Yes, I actually decided to post the issue having upgrading to beta 5 and seeing that the issue remained. Being as this is the last beta I'd begun to think that the problem was actually due to CSS "improvements" made to FF 3, and that the problem lied in the code.

Oh, and that white space you saw in FF2 was actually due to one of my attempted fixes that I failed to take out. :-]

Thanks!

[Fang]

It's in the global resets; the combination of tbody, tr and td with vertical-align: baseline;
Remove the properties or the value.

I see you are using Reset Reloaded (http://meyerweb.com/eric/thoughts/2007/05/01/reset-reloaded/), only this if you are prepared to write a validating and semantically correct document! Nested tables (http://www.hotdesign.com/seybold/)!

[cfe]

Thanks! The nested tables are actually part of the e-commerce shopping cart framework that the site is built on, otherwise I normally avoid such methods.