Прямоугольник со скруглёнными сторонами (полуэллипс-полупрямоугольник)

[antonKar]

Возник вопрос как сверстать без картинок (с картинками я знаю как делать) блоки на картинке: http://li.tl/i/j/xwpEi.png

 

Мучался с border-radius, стороны получаются в определённый момент прямыми (на картинке прямых частей почти не видно).

 

Гуглил SVG - тоже ничего похожего, либо эллипс, либо просто углы скруглены.

 

Также отдельно буду благодарен за совет про пимпочку снизу.

[DivMan]

Сделать 2 дива, в каждый див засунуть по одному рисунку SVG и с позиционировать их.

 

Нарисовать можно в Adobe Illustrator и сохранить в формате SVG и ничего кодить не придётся. 

 

 

А вообще, если заказчики от верстальщика требуют знания JS, то верстальщики тоже должны требовать от дизайнера, намного больше, чем макет. Например, нарисовать сложные фигуры и передать их в формате SVG. 

Edited January 10, 2015 by DivMan