281529 - sigmaaldrich.com - main page content trembles when moving the cursor on the left side pop up menu selections

Status: RESOLVED FIXED

(Tech Evangelism Graveyard :: English Other, defect)

Description

[chriskarsp]

User-Agent:       Mozilla/5.0 (Windows; U; Windows NT 5.1; en-US; rv:1.7.5) Gecko/20041217
Build Identifier: Mozilla/5.0 (Windows; U; Windows NT 5.1; en-US; rv:1.7.5) Gecko/20041217

In page http://www.sigmaaldrich.com/Area_of_Interest/Europe_Home/UK.html when
you move the cursor on the left side menu, to select an option, the main page
content (text, pictures, java ect.) on the right side, trembles (oscillates for
an instant). Using other web browsers the page content remains still.

Reproducible: Always

Steps to Reproduce:
1.Move the cursor on a button on the left side menu
2.Then move the cursor on the next or previous button of the same menu
3.

Actual Results:  
The web page content oscillates instanteneously

Expected Results:  
It should activate the pop up menu selections without effecting the remainder of
the web page

Comment 1

[Hermann Schwab]

Mozilla/5.0 (Windows; U; Win98; en-US; rv:1.8b) Gecko/20050129

Seems to be caused by CSS. I disabled JS and Java, and saw the menu getting
wider on hovering. CSS is included in the source, maybe it is these lines:

a.leftnav{color: black; text-decoration: none; FONT-SIZE: 8pt; display: block; 
          padding:3px 0px 3px 6px; width: 144px; }

a.leftnav:link,a.leftnav:visited,a.leftnav:active {color: black;
text-decoration: none;
          display: block; padding:3px 0px 3px 6px; width: 144px; }

a.leftnav:hover {color: black; background-color: #C0C0C0; text-decoration: none;
          width: 150px; }

a.leftnavb{color: black; text-decoration: none; FONT-SIZE: 8pt; display: block; 
          padding:0px 0px 0px 0px; width: 150px; }

Comment 2

[Mats Palmgren (inactive)]

Attachment: Testcase

Comment 3

[Mats Palmgren (inactive)]

The problem is that the :hover rule does not account for the 6px left padding.
This makes the link be 156px wide and thus wider than the min width (150)
for the cell which in turn changes the ratio between the two cells when it
comes to distributing the (overconstrained) table width.
I think the rendering is correct given the markup/style.
The author probably meant to have a 'padding-left:0' in the :hover rule.

-> TE

Comment 4

[Matthias Versen [:Matti]]

seems to be fixed