Closed Bug 568836 Opened 14 years ago Closed 14 years ago

when adding a drop shadow (-moz-box-shadow) to a fieldset that uses a ledgend the shadow starts abouve the ledgend and gives a false border around the top of the fieldset

Categories

(Firefox :: General, defect)

x86_64
macOS
defect
Not set
normal

Tracking

()

RESOLVED DUPLICATE of bug 485149

People

(Reporter: lperry65, Unassigned)

Details

User-Agent:       Mozilla/5.0 (Macintosh; U; Intel Mac OS X 10.6; en-GB; rv:1.9.2.3) Gecko/20100401 Firefox/3.6.3 FirePHP/0.4
Build Identifier: Mozilla/5.0 (Macintosh; U; Intel Mac OS X 10.6; en-GB; rv:1.9.2.3) Gecko/20100401 Firefox/3.6.3 FirePHP/0.4

The code I'm using:
CSS:
fieldset {
  background-color: #fafafa;
  border: 1px solid #909191;
  -moz-border-radius: .5em;
  -moz-box-shadow: 3px 3px 6px #c0c0c0;
}

legend {
  color: #2e5c90;
  font-size: 14px;
}

#menu_container {
  width: 300px;
  margin: 70px auto 0 auto;
  padding: 20px;
}


HTML:
<fieldset id="menu_container" class="">
<legend>Blog Admin</legend>
 <p>some content</p>
</fieldset>		


Reproducible: Always

Steps to Reproduce:
1. Create a web page
2. Apply the css I posted 
3. Compare with Safari or chrome
Actual Results:  
There is a faint border around the top of the fieldset, This does not happen in Safari or chrome

Expected Results:  
Nice rounded fieldset with background color and a dropshadow that starts below the top corners of the fieldset

I cant think of anything else, I will be more than happy to provide any informaton you require.
Status: UNCONFIRMED → RESOLVED
Closed: 14 years ago
Resolution: --- → DUPLICATE
You need to log in before you can comment on or make changes to this bug.