Bug 18417

Summary:	Odd CSS behavior on Home (vertical menu)
Product:	WebKit	Reporter:	Ron McElfresh <webkit>
Component:	CSS	Assignee:	Nobody <webkit-unassigned>
Status:	RESOLVED INVALID
Severity:	Normal	CC:	mitz, tabatkins, webkit
Priority:	P2
Version:	528+ (Nightly build)
Hardware:	Mac (PowerPC)
OS:	OS X 10.5
URL:	http://pixobebo.com

Description Ron McElfresh 2008-04-10 15:00:45 PDT

The left column, vertical Home menu button of PixoBebo (http://pixobebo.com/) flickers in WebKit when the mouse hovers over Home (vertical menu only). The menu is CSS and properly validates. Also, the 'flicker' does not occur in the shipping version of Safari 3.1, or Firefox, or other browsers. Only in WebKit.

Comment 1 Robert Blaut 2008-06-13 06:05:14 PDT

I cannot confirm the bug in Webkit r34053.

Comment 2 mitz 2008-06-13 10:45:56 PDT

By "flickering", do you mean that the border of the button moves down by one pixel?

Comment 3 mitz 2008-06-13 10:56:10 PDT

The style sheet specifies

.navmenu li.active a {
	background: #3d3d52 url(http://pixobebo.com/images/images_pixobebo/navmenu_home_bg.png) no-repeat left center; 
[...]
}

and

.navmenu li a:hover {
	background-position: -387px 0px; /* move 1st background image horizontally 387px, to start of 2nd background image */
[...]
}

Note the different vertical positions, 'center' vs. '0px'.

Comment 4 mitz 2008-06-13 11:01:25 PDT

The same behavior can be seen in Firefox if the text size is increased or decreased.

Comment 5 Tab Atkins 2011-10-20 04:48:51 PDT

The referenced page no longer has any problem, but it appears that the issue was simply that the author had some badly-written CSS.

I'm closing this as invalid.  If there is still an issue, please reopen the bug with a reduced testcase demonstrating it.