html - ヘッダーの下部中央に半円を追加する方法は?

Question

これが私が望む方法です：

私はこれが醜いモックアップであることを理解しています.実際にそれを行うと、プロポーションは明らかに良くなりますが、CSSでこれをどのように行うのだろうか.

フィドルはこちらhttp://jsfiddle.net/bU3QS/1/

<div class="header">
    </div>

.header {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    background: #000;
    z-index: 10000;
    height: 110px;
    overflow: hidden;
}