Webkit border colour text colour bug

I have some HTML emulating the Mac OS X dock app context menu, and have run into a problem in both Chrome and Safari.

Have a look at this example here (http://jsfiddle.net/HenXL/1/) in both Chrome and then Firefox. In Chrome, for some reason the text colour of the siblings elements to the hr element become the same colour as the hr elements border开发者_StackOverflow colour.

I am not sure why this is happening, I may have made an obvious mistake (it is late) but I cannot see a problem with the code.

Can anyone tell me why this is happening, or shed any light on the situation?

This seems to be a bug with the current stable version of Chrome (13), at least on Mac. Strangely, if you select the text, it changes color to become white as it should.

It seems to be fixed in 14 onward.

This is being caused by border: transparent; in your .content hr rule. Here it is, removed: http://jsfiddle.net/AJfcQ/

Could be related to this issue: http://crbug.com/68371