The dt:target selector on the page works correctly as tabs are selected, but the dt:target + dd selector fails to update dynamically, requring the page to be reloaded to see the data associated with the dt tab title. This works fine in Firefox.
this is actually an issue with any element and the :target selector. I was testing with h1:target+* to apply a style to any element that is after an h1 that was targeted. I am running Safari 3.0.4 on 10.5 and it is still an issue.
After checking your page I cannot confirm this bug. Could you provide minimal test case exposing the issue -> http://webkit.org/quality/reduction.html
Created attachment 19064 [details] demo html for the bug Okay - I reported this a long time ago, so of course I went live with the page using different code. Sorry about that. Please find example code attached. The concept is a tab set created purely in CSS from a Descriptive List. Tab choices are made to stick by making them named anchors - targets. This also makes them bookmarkable. FF2 and FF3 render perfectly. IE7 and Safari have problems with the "dt:target + dd" selector. Safari alone has problems with the "dt:hover + dd" selector. The critical sections of the stylesheet is... dt:target + dd { visibility: visible !important; z-index: 100; } ...which fails completely.
Thank you for update on this bug. I can confirm this bug. I found another even simpler test case showing the problem in Webkit: http://www.thinkvitamin.com/downloads/css3/fadeExample.html
Updated URL to the site with problem.
Created attachment 19065 [details] simple test case based on above demo
There is something wrong with this example: http://www.thinkvitamin.com/downloads/css3/fadeExample.html It works strange in every browser I tested: Firefox, Opera and Safari. I removed the URL. The test I attached clearly shows the problem.
Similar bug 9279
Fixed.