how to display two divs side by side, left div with fixed position, right div having vertical scroll
<p>I am creating a web page where I have to display two div elements side by side.</p>

<p>I want left div with fixed position and the right div should scroll.</p>

<p><strong>HTMl Structure:</strong></p>

<pre><code>&lt;div id="fixed-position"&gt;
  &lt;ul&gt;
    &lt;li&gt;&lt;a&gt;&lt;/a&gt;&lt;/li&gt;
    &lt;li&gt;&lt;a&gt;&lt;/a&gt;&lt;/li&gt;
    &lt;li&gt;&lt;a&gt;&lt;/a&gt;&lt;/li&gt;
    &lt;li&gt;&lt;a&gt;&lt;/a&gt;&lt;/li&gt;
  &lt;/ul&gt;
&lt;/div&gt;
&lt;div id="result"&gt;
   It contains a big table
&lt;/div&gt;
</code></pre>

<p>In the above html on clicking an "a" tag I am making an ajax call getting one big table as response and assigning it to the second div having attribute <code>id="result"</code></p>

<p>Please help me to resolve this problem.
Thanks.</p>