IE6 image shifting left (c.comment not working)

[krycielo]

Greetings,

I have found that a small graphic located at the bottom of my site's homepage right sidebar shifts out of the sidebar to the left main content region in IE6 only. At this point, I'm just trying to hide it from IE6 instead of trying to make it work. So...

I created a conditional comment in the head:

<!--[if IE6]>
<link rel="stylesheet" type="text/css" href="http://www.magpiemosaics.com/fb/includes/css/ie6.css" />
<![endif]-->

Created ie6.css with a single style:
.IE6_imgFix { display: none; }

And then attempted to apply the class style (class="IE6_imgFix") to the image tag (I also attempted to apply it to the surrounding div when that wouldn't work, changing the style name to .IE6_imgFix img)

For some reason, the image still shows in IE6.

I greatly appreciate any advice!

http://www.magpiemosaics.com/fb

[Kravvitz]

You need to put a space between "IE" and "6" in the condition portion of the conditional comment.

[Centauri]

Hard to say working online, but to actually fix the problem, try adding position:relative; to either the #sidebarBox div or the div surrounding the image. I don't think an extra stylesheet will be necessary for this.

[Tyssen]

Not sure exactly which one is causing the problem, but this seems to fix it:

* html #sidebar div { height: 1% }