So I have a website which has a header, a footer and two main content columns inbetween.

The left column is for navigation. The right one is a map. I want both to fill the width of the browser. I seem to be facing problems with different resolutions and different browsers. The map always displaces to below the footer or it leaves a white space on the right.

My link: <http://www.trashvigil.com/nsdf/www/index1.php>

This is my code:

```
    #map{
    float:left;
    height:572px;
    width:79.88%;
            border-right: 2px solid #000;
            border-bottom: 3px solid #000;
    }

            #leftnav
    {
    float:left;
    width:250px;
    height: 572px;  
            border-right: 3px solid #000;
            border-bottom: 3px solid #000;
             }

```

`#map` is the map container. `#Leftnav` is navigation. 

Thank you,

Kaushik