1. Home
2. Developer Center
3. Dreamweaver Developer Center
4. CSS Advisor

CSS Advisor

Expanding box problem but only on tab hover

Problem

I'm encountering the Expanding Box problem on IE when my cursor is hovering over the tabs of a Spry Tabbed Panel

Solution

I am looking for advice / reference material on this problem

Detailed description

 Dreamweaver identified the IE Expanding Box problem on my site page, and with some CSS overflow:hidden additions, my page code now scans clean (except for the 3px text jog, which I assume is a separate issue).

However, I still have the problem in a specific case: In IE the page is normal UNTIL I hover the cursor over the tabs (but just the tabs) on my Spry Tabbed Panels widget. Then that section of the page jumps left.

I am testing it in IE8

I have put overflow:hidden statements in my page wrapper and in all elements of the Spry Tabbed Panels CSS.  Panel div width is set to 100%

The tabbed panel is implemented within a td of a larger table.

I could provide code if it would be helpful.

Text ID: EXPANDING_BOX_PROBLEM_BUT_ONLY_ON_TAB_HOVER

---