TabContainer multiline tabs overlap with content

Question

I just updated to the December 2013 release of the ajaxtoolkit and I'm very much regretting it.

I have pages with TabContainers that have 2 or 3 lines of tabs. Since updating to the latest toolkit, instead of the tabs' content starting after the 2 or 3 lines, the content starts after the 1st line, creating overlapping tabs & content

Original:

New Version:

I haven't been able to find anyone else reporting this, so I'm hoping it's an easy fix that I just don't see.

I can add some blank lines to the content, forcing it down, but some tabs are hidden from some users, making the tab strip into fewer lines, resulting in too much space on the top of the screen. Also, it's a lot of tabs to modify.

Answer 1

It's a bug in the December 2013 release. I downgraded to the October 2013 release and it appeared correctly.

Answer 2

You can try to put the following css in your code:

.ajax__tab_header { height: auto !important; }