I'm using the technique described here: http://webdevtips.co.uk/webdevtips/style/border.shtml to accomplish rounded borders on this somewhat complex design - the client is insistent on fixed heights, so it's been quite a trick. The problem now is that the top right corner seems to be repeating itself and the bottom left and right corners are not showing up at all in IE6:
http://www.language-works.com/SmartSign/template_frames2.htm The basic code: <div id="column3"><img src="login.eo_files/images/benefits_title2.gif" alt="Benefits" width="143" height="30" style="position:relative; top:25px;left:0;"/> <div class="tOrange"><div class="bOrange"><div class="lOrange"><div class="rOrange"><div class="blOrange"><div class="brOrange"><div class="tlOrange"><div class="trOrange"><div class="insideContent"> Stuff here </div></div></div></div></div></div></div></div> </div><!-- end column3 --> tOrange is being repeated, whereas blOrange and brOrange are not showing up at all. Thoughts? Anne ______________________________________________________________________ css-discuss [cs...@lists.css-discuss.org] http://www.css-discuss.org/mailman/listinfo/css-d List wiki/FAQ -- http://css-discuss.incutio.com/ List policies -- http://css-discuss.org/policies.html Supported by evolt.org -- http://www.evolt.org/help_support_evolt/