FF and webkit rendering issue

[junjun]

http://tinyurl.com/5gxv67

There is an image, fall_brochure.jpg, which is inserted at the start of the content area of this page through a CMS.

In IE6/7 the image displays where expected, but in FF and webkit, it's appx 160 px below. I've tried all the tricks I can come up with to even identify if this is a HTML, CSS or JS issue, but to no avail.

Since FF and webkit both is doing this, I get a sneaking feeling they do it right, and IE is just trying to forgive me and placing it where I want the image.

The page structure is sound, There's regular CSS hacks that works cross browser. I'm reaching out to my peers and SP experts, what the heck is going on?

[Ed Seedhouse]

The page structure is sound, There's regular CSS hacks that works cross browser. I'm reaching out to my peers and SP experts, what the heck is going on?

The page structure is not sound with those 17 html errors. Every html error is an instruction to the browser to do that bit however it prefers. Fix the errors and come back if the problem is still there.

[drhowarddrfine]

Is this fixed? Don't see the problem.

http://tinyurl.com/5gxv67
Since FF and webkit both is doing this, I get a sneaking feeling they do it right, and IE is just trying to forgive me and placing it where I want the image.

This is true in all cases.

[junjun]

My fault Ed, I should have been more specific.

When I say the page structure is sound, I mean that nothing on the page influences the behavior I'm seeing. Ampersands in URL's and deprecated HTML does not change what's happening in FF and webkit. What concerns me is that my testing shows that this is not a CSS or HTML issue.. which is really weird.

Tommy, Paul OB, anyone seeing this as well?

[junjun]

Is this fixed? Don't see the problem.

Not fixed.. in FF the image displays nest to the headline '9th Annual Bay Harbor Home Tour'm instead of at the top of the content area.

This is true in all cases.

Absolutely agree.

[molona]

I tried in FF and Google Chrome (which is supposed to be based in webkit) and it looks fine.

It messes up in Safari for windows and the HTML validator gives 13 errors

[drhowarddrfine]

Add 'overflow:auto' to #toolbox. You're seeing IEs float expansion bug.

[junjun]

I tried in FF and Google Chrome (which is supposed to be based in webkit) and it looks fine.

My fault for not explaining better how it's supposed to look. It might look fine, but if you compared it with IE, you'll see the difference

Add 'overflow:auto' to #toolbox. You're seeing IEs float expansion bug.

That did it!
I owe you a beer. You got a conference schedule?

[molona]

My fault for not explaining better how it's supposed to look. It might look fine, but if you compared it with IE, you'll see the difference

I haven't tried IE. Sorry