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
Created attachment 25863 [details] reduced testcase
(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.
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!
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.
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!