414251 - Elsevier site looks broken

Status: RESOLVED DUPLICATE of bug 368553

(Core :: Layout, defect)

Description

[Jeroen]

User-Agent:       Mozilla/5.0 (Windows; U; Windows NT 5.1; en-US; rv:1.9b3pre) Gecko/2008012704 Minefield/3.0b3pre
Build Identifier: Mozilla/5.0 (Windows; U; Windows NT 5.1; en-US; rv:1.9b3pre) Gecko/2008012704 Minefield/3.0b3pre ID:2008012704

When you visit http://www.elsevier.nl you'll get some serious rendering problems. I can see at least two for sure.

1. The top navigation (the gray buttons) are on two lines instead of one. Also there is some spacing among the buttons which shouldn't be there. 
2. The right section of the site is out of place. It should be at the same height as the rest of the normal layout. Now, it's rendered at the bottom of the page. 


The site displays fine in Fx 2.0.0.11

Reproducible: Always

Steps to Reproduce:
1. Go to http://www.elsevier.nl
Actual Results:  
The site looks broken.

Expected Results:  
The site displays normally.

Screenshot: http://img183.imageshack.us/my.php?image=elseviertoprx7.png

Comment 1

[Steve England [:stevee]]

This page changed layout when the reflow branch landed.

Comment 2

[philippe (part-time)]

On OS X, I can't replicate the right-column drop.

The top level menu I can more or less replicate. Each 'link-box' is made larger than it should for some reason.

structure is ul > li > a > span
For some reason the <li> has 10px extra right-padding in Gecko (as compared to WebKit).

Comment 3

[philippe (part-time)]

Attachment: testcase for navigation

Found it: the extra padding I mentioned in comment 3 is caused by this:
'list-style-position: inside;' on the UL.

I don't think that should happen. The site also specifies 'list-style-type: none;'.

Comment 4

[Martijn Wargers (dead)]

Yeah, I think this is a duplicate of bug 368553, too.