I am applying a technique I read about using images for the corners along
with CSS to achieve a rounded box effect. Looks fine to me in Mozilla but in
IE the right side isn't rounded, but a straight vertical line. See here for
an example.
http://www.inspired-evolution.com/Personal.php
I tried deploying the usual tricks that I know of display:inline and
position:relative, but they aren't having an effect. Maybe I don't have them
in the proper places.
Any other suggestions?
CSS relevant to problem in IE
* html #box{
float:right;
clear:left;
width:20em;
background-color:#789;
margin-right:1em;
position:relative;
}
.rtop, .rbottom{display:block}
.rtop *, .rbottom *{display: block; height: 1px; overflow:
hidden;position:relative; display:inline;}
.r1{margin: 0 5px}
.r2{margin: 0 3px}
.r3{margin: 0 2px}
.r4{margin: 0 1px; height: 2px}
full CSS: http://www.inspired-evolution.com/Gilbert.css
TIA
--
::Bruce::
______________________________________________________________________
css-discuss [EMAIL PROTECTED]
http://www.css-discuss.org/mailman/listinfo/css-d
List wiki/FAQ -- http://css-discuss.incutio.com/
Supported by evolt.org -- http://www.evolt.org/help_support_evolt/
