Taby w theadzie

Wersja skryptu MyBB: 1.8
Adres forum: rh.xaa.pl
Na czym polega problem (screen, opis, komunikaty, nazwa stylu/theme/szablonu): Wstawiłem na swoje forum taby javascriptowe (coś jak menu tylko bez linków). Chciałbym aby "menu" wyświetlało się w theadzie. Próbowałem już kilka sposobów ale nic nie pomogło. Wydaje mi się, że to wina kodu odpowiadającego za taby. Chcę aby mniej więcej wyglądało to tak: http://i.imgur.com/UGocIO4.png (czerwony to kontury theadu)

<div class="forums" style="float: left; width: 70%;">
      <div id="tabs" class="c-tabs no-js"> <---------------------------------
        <div class="c-tabs-nav"> <--------------------------------
          <a href="#" class="c-tabs-nav__link is-active">
            <span>Shoutbox</span>
          </a>
          <a href="#" class="c-tabs-nav__link">
            <span>Szukaj sparingu</span>
          </a>
          <a href="#" class="c-tabs-nav__link">
            <span>Favourites</span>
          </a>
          <a href="#" class="c-tabs-nav__link">
            <span>Calendar</span>
          </a>
          <a href="#" class="c-tabs-nav__link">
            <span>Settings</span>
          </a>
        </div>
        <div class="c-tab is-active">
          <div class="c-tab__content">
            <p>{$dvz_shoutbox}</p>
          </div>
        </div>
        <div class="c-tab">
          <div class="c-tab__content">
            <p>{$inferno_shoutbox}</p>
          </div>
        </div>
        <div class="c-tab">
          <div class="c-tab__content">
            <h2>Your Favourites!</h2>
            <p>Favourites ipsum dolor sit amet, consectetur adipisicing elit. Ipsam quo minus voluptate unde tempore eveniet consequuntur in, quod animi libero rem similique pariatur quos, et eum nisi ducimus, architecto voluptatibus!</p>
            <p>Lorem ipsum dolor sit amet, consectetur adipisicing elit. Iusto aspernatur natus dolorem fuga cumque optio saepe corrupti earum. Ipsam quaerat asperiores similique omnis excepturi temporibus ab eum magnam ipsa, odio.</p>
          </div>
        </div>
        <div class="c-tab">
          <div class="c-tab__content">
            <h2>Stay Busy</h2>
            <p>Calendar ipsum dolor sit amet, consectetur adipisicing elit. Ipsam quo minus voluptate unde tempore eveniet consequuntur in, quod animi libero rem similique pariatur quos, et eum nisi ducimus, architecto voluptatibus!</p>
            <p>Lorem ipsum dolor sit amet, consectetur adipisicing elit. Iusto aspernatur natus dolorem fuga cumque optio saepe corrupti earum. Ipsam quaerat asperiores similique omnis excepturi temporibus ab eum magnam ipsa, odio.</p>
          </div>
        </div>
        <div class="c-tab">
          <div class="c-tab__content">
            <h2>Change It Up</h2>
            <p>Settings ipsum dolor sit amet, consectetur adipisicing elit. Ipsam quo minus voluptate unde tempore eveniet consequuntur in, quod animi libero rem similique pariatur quos, et eum nisi ducimus, architecto voluptatibus!</p>
            <p>Lorem ipsum dolor sit amet, consectetur adipisicing elit. Iusto aspernatur natus dolorem fuga cumque optio saepe corrupti earum. Ipsam quaerat asperiores similique omnis excepturi temporibus ab eum magnam ipsa, odio.</p>
          </div>
        </div>
      </div>
    </div>
<script src="jscripts/taby.js"></script>
<script>
  var myTabs = tabs({
    el: '#tabs',
    tabNavigationLinks: '.c-tabs-nav__link',
    tabContentContainers: '.c-tab'
  });

  myTabs.init();
</script> 


Próbowałem wstawić <div class="thead"></div> ale wtedy całość zamyka się w theadzie (a ja chcę tylko menu). Podejrzewam że to wina elementów oznaczonych strzałką (<------) w kodzie wyżej.