Adding a container div breaks tabs

[ghost]

Example:

<div class="tab-control" data-athena="Tabs">
  <ul class="tab-panels" data-athena="List">
    <li id="a1" class="athena-selected" data-athena="Container">
      <img width="600" height="229" src="http://www.arbys.com/assets/templates/arbys/images/ultimateAngusMainImage.png" alt="Ultimate Angus Sandwiches">
    </li>
    <li id="a2" data-athena="Container">
      <img width="600" height="305" src="http://www.arbys.com/assets/images/sandwiches_melts_category.png" alt="Roast Beef and Curly Fries">
    </li>
    <li id="a3" data-athena="Container">
      <img width="375" height="219" src="http://www.arbys.com/assets/images/market_fresh_sandwiches_category.png" alt="Old School Sandwich Deliciousness">
    </li>
  </ul>
  <!-- BUG: if the div below is uncommented, the control stops working -->
  <!--<div class="tab-list-container">-->
    <ul class="tab-list" data-athena="List">
      <li class="athena-selected">
        <a href="#a1" data-athena="Button:Select">Image A1</a>
      </li>
      <li>
        <a href="#a2" data-athena="Button:Select">Image A2</a>
      </li>
      <li>
        <a href="#a3" data-athena="Button:Select">Image A3</a>
      </li>
    </ul>
  <!--</div>-->
</div>

[Jimgskoop]

Fixed. I changed the TabInit method so the selectors are less specific.