Bug 22745 – background missing in left menu due to syntax error in css

• Component: CSS
• Status: UNCONFIRMED

[jasneet]

I Steps:
Go to http://www.dinamalar.com/cinema/Kollywood.asp

II Issue:
Left menu doesn't display background

III Conclusion:
In the style definition, there is a syntax error(behind text "voice-family"):
......
#menu4 li a{ height:40px;  voice-family:"\"}
\""; 
 voice-family:inherit; 
height:24px; 
text-decoration:none}
......

IE/Firefox ignore this error and interpret the above styles correctly, 
Chrome/Safari ignore all of the css styles.

IV Other Browsers:
IE7: ok
FF3: ok

V Nightly tested: 39088

Bug in Chromium : http://code.google.com/p/chromium/issues/detail?id=1154

[jasneet]

Created attachment 25863 [details]
reduced testcase

[Nilesh Patil]

(In reply to comment #1)
> Created an attachment (id=25863) [review]
> reduced testcase

It you bisit http://www.dinamalar.com/cinema/Kollywood.asp on Safari it displays menu backgroung.

[Ahmad Saleem]

I am unable to reproduce this bug using attached test case in Safari 15.6 on macOS 12.5 and there is no background issue and the rendering output matches with other browsers (Chrome Canary 105 and Firefox Nightly 104).

If I am testing incorrectly, please retest accordingly. Thanks!

[Alexey Proskuryakov]

The attached test is broken because of mixed content and because the content is missing anyway. The image will need to be replaced with a different one.

[Ahmad Saleem]

Replaced with new one (Among US - HD GIF :-p) - https://jsfiddle.net/rk0w1qej/show & with more clear CSS - https://jsfiddle.net/21vycsoj/show

Let me know if it works. Thanks!