html - How to grow right div accordingly? -

We plan two div as below. The left div we plan to keep it fit with any resolution. This map, which we plan to increase width according to the resolution, how can it be cured?

  & lt; Body & gt; & Lt; Div id = "left" style = "position: full; top: 0 pixel; left: 0 pixel; width: 220 pixels;" & Gt; & Lt; / Div & gt; & Lt; Div id = "map" style = "position: absolute; top: 0 pixel; left: 250px; width: 780px; height: 100%" & gt; Map goes here & lt; / Div & gt; & Lt; / Body & gt;    
 
 
 I hope you are looking like this:  
  CSS   
  # left {width: 220px; Swim left; Background: Red; } #map {background: yellow; }   
  HTML   
  & lt; Body & gt; & Lt; Div id = "left" & gt; Stackhouse Flow & lt; / Div & gt; & Lt; Div id = "map" & gt; Map goes here & lt; / Div & gt; & Lt; / Body & gt;