[css-d] IE6 kills Swedish Chef! (overflow problem with float:right and negative margin-right)

[Tim Bailen]

Hi!

I'm new to CSS and have been having pretty good luck. This one is
frustrating me however...

I have a fixed width div with a bunch of text in it. I added an image
of the Swedish Chef which I want to float right. No problem.

Ok, now, I want the Swedish Chef to partially hang outside of the
fixed width div. I decided to use a negative margin-right combined
with overflow:visible.

Firefox renders this just how I want.
IE6 sadly clips the image to the div's fixed width.

I have experimented with adding overflow:visible to all of the
ancestor containers as well as increasing the image's z-order. No
luck. Can you help?

HTML + embedded CSS:
http://www.talk-to-strangers.com/staging/jobs.htm


__
Tim Bailen, Founder, Talk To Strangers
__
css-discuss [EMAIL PROTECTED]
http://www.css-discuss.org/mailman/listinfo/css-d
IE7 information -- 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/

Re: [css-d] IE6 kills Swedish Chef! (overflow problem with float:right and negative margin-right)

[Gunlaug Sørtun]

Tim Bailen wrote:

 IE6 sadly clips the image to the div's fixed width.

 http://www.talk-to-strangers.com/staging/jobs.htm

IE6 gets the stacking wrong beyond the container-edge.

Add...

#imgChef { position: relative;}

...to make IE6 stack the whole image visibly on top.

regards
Georg
-- 
http://www.gunlaug.no
__
css-discuss [EMAIL PROTECTED]
http://www.css-discuss.org/mailman/listinfo/css-d
IE7 information -- 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/