How to remove unwanted whitespace css/html

Question

I have implemented BOOTSTRAP 3, NAV TABS to display content. But it takes the height of longest tabs, and white space is seen in other tabs. Why is this happening? I tried everything, but it didn't work.

The Link is: http://n.lookten.com/merchants.html

Can anyone suggest me whats happening here?

Thank You.

Answer 1

Try this css-

section.slice.bg-6{
    overflow:hidden;
}

Answer 2

yes there is a difference of 1px.

Modify this class as

//bootstrap.min.css line no. 7
.navbar-nav > li {
    float: left;
    margin-bottom: -1px;
}