Unable to set Adjacent Divs

[kadnan]

I have the following code:

<div  class="container top2 ">
            <div id="sidebar" class="two columns left">
                <nav id="menu" class="nav">
                    <div id="avatar">
                        <img src="http://www.wojoscripts.com/fm/uploads/avatars/team7.jpg" />
                    </div>
                </nav>
            </div>

            <div id="main" class="ten left columns">
                PLay Area

            </div>
        </div>```

it's creating gap between 2 DIVs. As you can in image, there is a gap between black and Red DIV.

![screen shot 2015-03-19 at 5 23 10 pm](https://cloud.githubusercontent.com/assets/273196/6729970/82421ffe-ce59-11e4-84a7-538bc654c3cd.png)

[gld1982ltd]

You should have a <div class="row"></div> to place your columns in. Also, without knowing how the "top2" or "left" classes are styled it would be hard to tell what is wrong.