Weird overlaping tab

Weird overlaping tab

Hello everyone,

I am working o a project where I use jQuery UI Tabs, but unfortunatelly something is wrong.
Content is generating on the go and it's kind a frustrating because 4 of 5 tabs are ok but last one 
is getting different style and overlap under proper content.

Also I am using tabs on other part of site and it works perfectly. 
Just go and inspect css or jQuery at www.lokale360.pl

This is ASP.NET code responsible for rendering tabs. #Ufff.

  1. <div id="adverts-tabs">
  2.     <ul>
  3.         @foreach(var category in Model)
  4.         {
  5.             <li id="category-@category.Id"><a href="#@category.Name" class="low-promo-category">@category.Name</a></li>
  6.         }
  7.     </ul>
  8.                         
  9.     <div id="content_middle_container">
  10.                    
  11.         <div id="ogloszenia_container">
  12.             @foreach(var category in Model)
  13.             {
  14.                 <div id="@category.Name">
  15.                     @if(category.Adverts.Any())
  16.                     {
  17.                         foreach (var advert in category.Adverts)
  18.                         {
  19.                             <div id="ogloszenie@(counter)">
  20.                                 @Html.Partial("_LowPromoAdvert", advert) // remote advert content.
  21.                             </div>

  22.                             counter++;
  23.                         }

  24.                         counter = 1;
  25.                     }
  26.                     else
  27.                     {
  28.                         <span class="admin-error-box">Brak ogłoszeń w danej kategorii.</span>
  29.                     }
  30.                 </div>

  31.             }
  32.         </div>

  33.     </div>
  34. </div>
  35. <script type="text/javascript">
  36.     $(function () {
  37.         $("#adverts-tabs").tabs();
  38.         $("#category-1").addClass("active");
  39.         $(".low-promo-category").click(function () {
  40.             $(".low-promo-category").parent().removeClass("active");
  41.             $(this).parent().addClass("active");
  42.         });

  43.     });

  44. </script>

I've prepared screen for better understanding my issue.




Thanks you and I hope we will solve it :)
Marcin

Ps. If you need something from back end just let me know.