[CSS]Kolom verspringt door background-image in IE6?

[Badger]

Plaatjes zeggen meer dan woorden dus eerst de 2 voorbeelden:

Met de bug

Cascading Stylesheet:

#main_left
{
    width:              285px;
    height:             670px;
    right:              285px;
    display:            block;
    background:             #FF7C24 url('../images/scraper_bg_faux.gif') bottom left repeat-y;  
    margin-left:            -100%;
    position:           relative;
}

Ga met je muis over de trigger en de linker kolom springt op zijn plaats.
Of vergroot,verklein het venster iets.

Zoals het hoort

Cascading Stylesheet:

#main_left
{
    width:              285px;
    height:             670px;
    right:              285px;
    display:            block;
    margin-left:            -100%;
    position:           relative;
    background:         #fff;
}

#main_left #left_inner {
    background:             url('../images/scraper_bg_faux.gif') bottom left repeat-y;  
    width:              285px;
    height:             670px;
}

Deze bug treedt alleen op al de #main_left zelf een achtergrondafbeelding krijgt (ongeacht properties daarvan).
In de gefixte versie gebruik ik een inner container.

Welke bug is dit? Ik dacht eerst aan de bekende hasLayout bug maar de bekende fixes daarvoor loste niets op.

[Blaise]

Misschien de peekaboo bug? http://www.positioniseverything.net/explorer/peekaboo.html
of anders de guillotine bug? http://www.positioniseverything.net/explorer/guillotine.html

In IE7 heb ik het probleem niet, dus je zou kunnen kijken naar de lijst van gefixte bugs: http://blogs.msdn.com/ie/archive/2006/08/22/712830.aspx