On Aug 24, 2007, at 9:44 AM, Kit Grose wrote:

I can fix it two ways:
- wrap the form in a div
- remove the display:table; rule on the enclosing div
neither of which are very palatable in the context of the site.

Hi Andrew,

The issue is that you can't technically use the display: table property that way.

Yes, you can. Per
an UA will/should insert a table-row and table-cell element.

But Safari 2.0.x is buggy in this (and Gecko -Firefox- is buggy the other way around, sometimes inserting too many table-rows).

The best solution is
1. use another technique to generate a new block formatting context on the div where you currently use display:table. Using 'overflow:hidden' is a better solution in many cases.
2. or: wrap your form in an extra div.

I'd go for the first solution, as it will avoid potential issues with Gecko browsers.

Philippe Wittenbergh

List Guidelines: http://webstandardsgroup.org/mail/guidelines.cfm
Unsubscribe: http://webstandardsgroup.org/join/unsubscribe.cfm

Reply via email to