Hello,
I have two side by side boxes that I want to be equal height and have rounded
corners. I don't want to set a height for the boxes. To get equal height I
have used the margin/padding trick:
#left-box, #right-box {
width:390px;
float:left;
margin:15px 0 -490px 20px;
padding:4px 4px 504px 4px;
-webkit-border-radius: 15px;
-moz-border-radius: 15px;
border-radius: 15px;
}
This results in each box being the same height as long as the content stays
below 490px. I also want the boxes to have rounded corners. That is where the
trouble starts. The CSS callouts shown above give me nice rounded corners on
the top-left and top-right. However, the bottom two corners are square. Any
ideas on how to get the bottom corners to be round would be appreciated.
Thanks in advance.
______________________________________________________________________
css-discuss [css-d@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/
