Question

I am having an issue in trying to get the 2 product ul items to sit within the first tab, they are always outside the tab

if i remove the:

float: left

from the

.featured-products-grid li.item { float:left; width:132px; padding:25px 5px 30px; }

thin it works, but the products are not aligned horizontally.

here is the page

http://khine.3b1.org/jquery/product.html

what am i missing

Answer 1

I think you just need to clear your floats. If you add the following style to ul.featured-products-grid you should be good:

ul.featured-products-grid {
    overflow: auto;
    width: 100%;
}