Hallo,
hier handelt es sich möglicherweise um den 3 Pixel Fehler des IE, siehe IE Three Pixel Gap.
Klingt danach! Leider habe ich es bisher nicht geschafft, den CSS-Fix in mein CSS zu integrieren...
du kannst mithilfe einer Browserweiche (da gibt es mehrere Möglichkeiten) spezielle CSS-Eigenschaften nur für den IE festlegen. AFAIK mußt du auch zwischen IE 5.x, IE 6 quirks mode, IE 6 standard mode und IE 5.01(?) MAC unterscheiden. Hier mal ein mögliches Beispiel:
* html <selector> /* this selector recognized by IE only */
{
width: <value>; /* total width (only for IE5.x/Win) */
w\idth: <value>; /* content width (for other IE) */
}
<selector>
{
padding: <value>;
width: <value>; /* content width (for other browsers) */
}
selector steht für dein div mit der Linie als Hintergrund.
Ich habe in deine beispiel.css folgende Zeile eingefügt und der IE 6 stellt es dann korrekt dar:
* html div#bsp2 {position:relative;left:-3px;}
Siehe auch hier: http://www.info.com.ph/~etan/w3pantheon/style/modifiedsbmh.html
und hier http://centricle.com/ref/css/filters/?whitebg
cu,
ziegenmelker