я попытался перелив: скрытое решения для фона которым ломает границы радиуса: http://jsfiddle.net/ypjDC/17/радиуса границы частично нарушен
<div style="width: 200px; border: 3px solid; border-radius: 7px; overflow: hidden;">
<div style="float: left; width: 50px; background-color: #800000;">
<p>test</p>
</div>
<div style="float: right; width: 50px; background-color: #800000;">test</div>
<div style="clear: both;"></div>
</div>
но всегда есть проблема, вы можете увидеть небольшое белое пространство по углам:/
Как исправить это?
Белое пространство? Не совсем точно, что вы имеете в виду ... могут быть некоторые проблемы сглаживания/субпикселя, но ничего, что действительно очевидно для невооруженного глаза. –
Да, вы не можете ничего с этим поделать. Или вы должны разделить его на 3 части: 1 левая часть с фоном, border-top/left/bottom, радиус границы topleft, bottomleft - 1 средняя часть с верхним/нижним краем - 1 правая часть с фоном и граничный верхний/правый/нижний, правый радиус границы, правый радиус прямоугольника. – davey
Как сказал @Paulie_D, я тоже не вижу ничего плохого. Это в каком-либо конкретном браузере? – Harry