99960 - border-style=outset css javascript drop down menus

Status: RESOLVED INVALID

(Core :: Layout, defect)

Description

[Curtis Ruck]

From Bugzilla Helper:
User-Agent: Mozilla/4.0 (compatible; MSIE 5.01; Windows 98)
BuildID:    20010913

the outset value should make the window look like it is coming off the canvas.  
on the right side of the box it doesn't have a border at all.

Reproducible: Always
Steps to Reproduce:
1. view the page given above, zope.tnproperties.com, hover over Properties, 
notice the drop down window, look at the border of it, notice the right side 
doesn't appear right

Actual Results:  if you look at the right side of the display box you should be 
seeing it drop off to the 

Expected Results:  it should have a dark grey line like the bottom of the 
window on the right side

Comment 1

[Boris Zbarsky [:bzbarsky]]

Over to layout.  Looks like we're not drawing this correctly...
Seeing this with solaris build 2001-09-16-10 as well.

Comment 2

[alanjstr]

That site no longer exists.

Comment 3

[Christopher Hoess (gone)]

The site's back up, but the menu's disappeared. Resolving WFM, but please reopen
this if you can concoct a testcase.

Comment 4

[Curtis Ruck]

Check the borders on the menu below the ad.  Sorry i don't have time to create 
an implementation of the bug easier to use, but the dropdown menus below the 
advertisment shows what i am talking about.  Notice the ugliness of hte right 
side of the box, not shaded darker and not finished drawing out.

Comment 5

[Curtis Ruck]

Check the borders on the menu below the ad.  Sorry i don't have time to create 
an implementation of the bug easier to use, but the dropdown menus below the 
advertisment shows what i am talking about.  Notice the ugliness of hte right 
side of the box, not shaded darker and not finished drawing out.

Comment 6

[Boris Zbarsky [:bzbarsky]]

Actually, this in invalid.  You have the following markup (loosely paraphrased):

<div style="width: 100px; border: outset;">
  <div style="width: 100px; padding-left: 5px; background: maroon">Text</div>
</div>

Note that the inner div will overflow the content area of the outer div by 5px
and thus overlap the border on the right.  Adjusting the widths to actually add
up makes this look nice and pretty.