I have a site which produces rounded corners using a stacked
<b> hack described below. The problem is that when the section text is shorter than the section logo on the left, there is a weird effect on the borders. You can see a working example in the top section (sites) and a broken on in the bottom section (News). The particular problem is the small black section that appears in the bottom left corner of the second sections text box. It should have a rounded corner like the one above, mostly obscured by the section title. Anyone seen this before? or have any idea what to do to fix it?
There are 7 layered
<b>. The margins of these
<b> increase from the inner to outer
<b>'s giving the effect of a rounded corner.
- happens to different degrees in both IE and Chrome. It is more pronounced in IE (used 6 for testing)
I know you said your border system is working 99% of the time, but take a look at the CSS Play site. The rounded borders on this site work in IE6 using
<b> instead of