When you have too many tabs to fit on a row they wrap to the next. In IE7, the rightmost tab in a row sometimes stretches downward by wrapping its contained text before wrapping the tab itself, breaking the appearance of the tabs. See the before-fix screenshot. A good way to replicate this is to slowly narrow the IE7 window until the glitch occurs.

To fix, I added a CSS property to the ul.quicktabs_tabs li to prevent text from wrapping within:
white-space: nowrap;

See the after-fix screenshot. This fix has been tested in IE7, IE8, and Fx 3. It's possible the glitch described also appears in IE6 and IE8, but I did not check.

Note: The screenshots depict this glitch with the Zen theme, but it occurs for almost all tab themes.

Comments

pasqualle’s picture

Status: Needs review » Reviewed & tested by the community
katbailey’s picture

Status: Reviewed & tested by the community » Closed (fixed)