I dont have a problem in ie6 doing this. this is the method i use:
.bg_mid{
background: url(images/bg_detail_full_mid.gif) repeat-y;
width: 715px;
}
.bg_top{
background: url(images/bg_detail_full_top.gif) no-repeat top;
width: 715px;
}
.bg_bot{
background: url(images/bg_detail_full_bot.gif) no-repeat bottom;
width: 715px;
}
<div class="bg_mid">
<div class="bg_top">
<div class="bg_bot">
blah blah...........................content goes here
</div>
</div>
</div>
Sam Goldstein wrote:
I recently created a layout for a site which creates rounded corners
using the 'Nifty Corners' method
(http://www.html.it/articoli/nifty/index.html).
The main content area has two divs nested inside of each other each with
the rounded corners. It works fine except for in IE6 the bottom corners
display square. This problem doesn't occur in IE7, FF, or Safari. I've
made several attempts to fix this but have not had any luck.
Does anyone have any idea what IE6 is doing?
I've created a testpage that demonstrates the problem at
http://www.wested.org/pub/docs/ie_corners.html
Thanks
Sam Goldstein
______________________________________________________________________
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/
______________________________________________________________________
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/
