296553 - Fails to properly render page with style parameter override

Status: RESOLVED INVALID

(Core :: CSS Parsing and Computation, defect)

Description

[Ben Ruppel]

User-Agent:       Mozilla/5.0 (Windows; U; Windows NT 5.1; en-US; rv:1.8b2) Gecko/20050531 Firefox/1.0+
Build Identifier: Mozilla/5.0 (Windows; U; Windows NT 5.1; en-US; rv:1.8b2) Gecko/20050531 Firefox/1.0+

I am filing this for a friend who is working on a web site.  The results look
good on IE but not Firefox.  I have attached .html and .css files to illustrate
the problem.  
In IE, the page renders with the word "Admin" underlined and blue, with a
background behind the text that matches the background surrounding it.  A
mouseover causes the text to change to brown.
In Firefox, the word "Admin" is always brown, and the text has a white background.
The author notes:  I'm reusing another style for another part of the page. 
(id=group)  Then I declare new style parameters in the input code that i want to
override the ones in the group id.  Firefox won't accept that in addition to not
liking javascript.  
(yes, he's not a firefox fan)  We ran the page through the css validator and it
checks out fine.

Reproducible: Always

Steps to Reproduce:

Comment 1

[Ben Ruppel]

Attachment: css file for test case page

Comment 2

[Ben Ruppel]

Attachment: test case page (use with .css file in same path)

Comment 3

[Ben Ruppel]

Please note that you have to put the two files together on your computer and
then open the .html in order to see the bug.
Everyone please forgive me if I am missing something stupid.  I only know basic
web page coding.

Comment 4

[Christian :Biesinger (don't email me, ping me on IRC)]

hm, clearly w3c's CSS validator did not check the style attribute in the html file:
  style="	text-align: left; color:'blue'; background-color:'#EFEEFE'"

- 'blue' is not a string, it's a keyword, and should thus not have quotes
- '#EFEEFE' is also not a string, it should not have quotes either.

the JS code is not correct either. in mozilla and per W3C DOM specs, event is an
argument to the event handler. I'm not sure whether srcElement is an attribute
of the event in mozilla either, but target works.

Comment 5

[Ben Ruppel]

Chris,
I would like to thank you for debugging my friend's crappy code for him.
Regards,
Ben