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/

Reply via email to