Suzanne,

On Oct 9, 2006, at 8:03 AM, Suzanne Goodwin wrote:

> Hi, can someone please help me figure out how to get rid of this big
> vertical gap from the <legend> down to the first <div class="row"> in
> my form on Safari?
>
> http://www.outlooksoft.com/kc-about_us/contact_us.htm
>
> All other browsers I've checked look just fine. It's happening in all
> the forms on the site. Thanks in advance for any advice you can offer.

The problem is caused by the clear: both; on form.registration div.row. 
  it is clearing based on the length of the content of the right floated 
column.  You can avoid the problem by adding
#MainForm { overflow: hidden; } which creates a new positioning context.

What has me curious is why it _isn't_ happening in other browsers.

hth
-- 
Roger Roelofs

______________________________________________________________________
css-discuss [EMAIL PROTECTED]
http://www.css-discuss.org/mailman/listinfo/css-d
IE7b2 testing hub -- http://css-discuss.incutio.com/?page=IE7
List wiki/FAQ -- http://css-discuss.incutio.com/
Supported by evolt.org -- http://www.evolt.org/help_support_evolt/

Reply via email to