I Steps: Go to http://fotogaleri.hurriyet.com.tr/ Mouseover on topmost text "Hurriyet.com.tr Anasayfa'ya dönmek için tıklayın". II Issue: The text disappears on mouseover. The expected behavior is: "Hurriyet.com.tr Anasayfa'ya dönmek için tıklayın" should appear white on red background. Since the background color doesn't change to red and the text changes color to white so text is not seen. III Conclusion: Above issue is caused due to a.anasayfalink:hover {color:#fff; background-color:#ff0000;} the text color changes on hover but not background color. IV Other browsers: IE7: ok FF3: not ok Opera9.24: not ok V Nightly tested: 31386
Created attachment 20246 [details] screenshot
Created attachment 20247 [details] reduction
This is behaving correctly. According to the CSS spec, the color property is inherited from the parent node, but the background-color is not inherited. If you want this behavior you need to specify style=background-color:inherit; on the div inside the link.