Stop overlapping when position fixed
<p>I'm trying to prevent the left div from scrolling. I've set its position to fixed but now, it is overlapping with the right one. What can I do? I've tried position: relative and absolute to the right div but nothing happens.</p>

<pre><code>&lt;div class="container-fluid"&gt;
    &lt;div class="row"&gt;
        &lt;div class="col-sm-7"&gt;
        &lt;/div&gt;
        &lt;div class="col-sm-5"&gt;
           &lt;div id="googleMap"&gt;&lt;/div&gt;
        &lt;/div&gt;
    &lt;/div&gt;
&lt;/div&gt;
</code></pre>