border-radius для внутренних эл-в

[basist]

Мне нужно сделать такую штуку:

 

    <div class="item_header">        <div class="item_header_title">A SIMPLE MATH PROBLEM</div>        <div class="item_header_price">$30</div>    </div>

для внешнего div'а делаю border-radius, всё хорошо, но вот внутренние вылезают поверх скругленных углов.

 

Можно ли как-то сделать, чтобы 2 внутренних блока (синий и зеленый) были с прямыми углами, но то, что выходит за круглую границу родительского дива просто обрезалось? Вариант скруглить всё что можно работает, но хотелось бы другое решение..

может быть какое-то сочетание из display и overflow? или как-то иначе..

Спасибо

Edited December 17, 2013 by basist

[Николя223]

ну а overflow то чем не устраивает. либо закругляй внутрение

[basist]

Не устраивает тем, что просто "overflow: hidden;" не срабатывает. видимо с чем-то в связке должен быть, перепробовал уже кучу вариантов

[Aleksandr.L]

Вроде как срабатывает: http://jsfiddle.net/8fkM4/

[basist]

хм. тогда где-то у меня какой-то косяк. определенно))

буду искать

[Switch74]

overflow: hidden; обычно срабатывает вместе с указанием размеров