Twitter Bootstrap :div в контейнере со 100% высотой

Используя twitter bootstrap (2 ), у меня есть простая страница с панелью навигации, и внутри containerя хочу добавить div со 100% высотой (в нижнюю часть экрана ). Мой css -fu ржавый, и я не могу это решить.

Простой HTML:

Текущий CSS:

#map {
    width: 100%;
    height: 100%;
    min-height: 100%;
}

html, body {
    height: 100%;
}

.fill { 
    min-height: 100%;
}

• РЕДАКТИРОВАТЬ*

Я добавил высоту к классу заливки, как предложено ниже. Но проблема в том, что я добавляю отступ -сверху к телу, чтобы учесть фиксированную панель навигации вверху. Это влияет на 100% высоту div «карты» и означает, что добавляется полоса прокрутки -, как показано здесь :http://jsfiddle.net/S3Gvf/2/. Может ли кто-нибудь сказать мне, как исправить?