Цвет bg дочерних элементов привязан к border-radius родителей

Кто-нибудь знает надежный способ заставить дочерние элементы не выходить за границы-радиусы своих родителей?

Вот пример js fiddle, с которым я работаю: http://jsfiddle.net/fuego/qCNRZ/

Разметка:

    

        Nah nah nah

        Nah nah nah

        Nah nah nah

        Nah nah nah

        Nah nah nah

        Nah nah nah

        Nah nah nah

        Nah nah nah

    

CSS:

#outer {
    width: 300px;
    background: red;
    border-radius:20px;

}

#inner {
    background:blue;
}

Я просто хочу, чтобы контейнер теперь отображался синим, но с закругленными краями родителей. Я обновил скрипку, чтобы отразить.