Issue with Google Maps in a fluid layout

[Fredrik Ohlsson]

Hi,
I have a navbar and 100% x 100% google map in my app. I would like to
add a sidebar on the right with different filter. Reason for adding it
on the right side is because of better experience on smaller screens.

The map renders full screen with fluid (%) values when I just add the
map after the last nav bar div, like this:

Map is visible:

    <div class="navbar">
        <nav bar stuff......>
    </div>
    <div id="map-canvas"></div>
Map is not visible if I try to add it inside a span to control the
size of it and add a side bar.

    <div class="container-fluid">
        <div class="row-fluid">
            <div class="span9">
                <div id="map-canvas"></div>
            </div>
            <div class="span3">
                <div class="well sidebar-nav">
                    <ul class="nav nav-list">
                        <li class="nav-header">Sidebar</li>
                        <li class="active"><a href="#">Link</a></li>
                        <li><a href="#">Link</a></li>
                        <li><a href="#">Link</a></li>
                    </ul>
                </div>
            </div>
        </div>
    </div>
I don't want to add a fixed value to the map, since it defeats the
purpose of fluid.

Thanks in advance!
//Fredrik