274194 - czplatinum.com - incorrect CSS height breaks layout

Status: RESOLVED INCOMPLETE

(Tech Evangelism Graveyard :: English US, defect, P4)

Description

[Frank]

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

left menu on page is not displayed properly. Entries are overlapping and not
able to select some.

Menu of interest is:     
    * Asscher Cut
    * Center Stone
    * Color Stone
    * Emerald Shape
    * Heart Shape
    * Marquise Shape
    * Oval Shape
    * Pear Shape
    * Princess Shape
    * Radiant Shape
    * Round Shape
    * Trillion Shape 

See Our Quality Stones And Shape: Our Cz Stones?
Cubic Zirconia History 

Works in IE.

Similar but not as dramatic overlapping issue on page:
http://www.czplatinum.com/default.asp

Reproducible: Always
Steps to Reproduce:
1. View page is all that is required
Actual Results:  
Menu is overlapping and parts unususable

Expected Results:  
Displayed the menu correctly and allow proper navigation by clicking on menu
entries.

Comment 1

[Bill Mason]

<div style="width: 177; height: 121; border: 1 solid #CAC6D9; padding: 5">

The DIV holds those links is set to 121px height, but the content is taller than
that. So you get overlap. Not a browser bug. The site needs to fix its code.

Comment 2

[Frank]

May be bad code but works perfectly in IE.

Comment 3

[zmanji]

It works perfectly in IE because IE can warp around the code. Since Firefox
supports the standards, it doesn't warp around the code.

Comment 4

[Chris Lawson (gone)]

INCOMPLETE due to lack of activity since the end of 2009.

If someone is willing to investigate the issues raised in this bug to determine whether they still exist, *and* work with the site in question to fix any existing issues, please feel free to re-open and assign to yourself.

Sorry for the bugspam; filter on "NO MORE PRE-2010 TE BUGS" to remove.