From: Thomas -Balu- Walter <[EMAIL PROTECTED]>
>> http://www.b-a-l-u.de/PG/stuff/border_problem/
>> The problematic area is the #f00 one. Does anyone have a hint how to
>> avoid that or what causes it?
IE6 needs "layout" [1] on the containing div. Probably the easiest thing to do,
at least for your example, it to add {position: relative;} on the div.
.sidebox { /* top left corner */
background: #f00 url(images/border_tl_c9d3de.gif) no-repeat left top;
margin-bottom: 20px;
position: relative; /* <<<<< */
}
If this causes problems within your overall layout, you may need some other
method of invoking layout and hiding it from other browsers, such as the holly
hack.
I hope that helps,
~holly
[1] http://www.satzansatz.de/cssd/onhavinglayout.html
______________________________________________________________________
css-discuss [EMAIL PROTECTED]
http://www.css-discuss.org/mailman/listinfo/css-d
IE7b2 testing hub -- 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/