A <wbr> tag that has dynamic css content in a :before/:after causes a line break. If you load the testcase, you shouldn't see any cyan. Safari 2.0.4 and Firefox behave properly. This is visible in Facebook's status faux drop down menu.
Created attachment 13035 [details]
You can see this on Facebook by going to your profile; under the "Status" content box thingy; click edit, then click the arrow on the right to reveal the fake menu drop down. At the very bottom, between the last item and the bottom border should be empty space. If there isn't any space, change your status to something long and without spaces like "abcdefghijklmnopqrstuvwxyz". That seems to be what causes it.
Doubt many people have statuses like that so perhaps this can probably be bumped to P2?
I reproduced the same thing in shipping Safari so I think this is not a regression. Also, the symptom is a minor cosmetic issue and hard to run into. Lowering to P3.
Created attachment 13041 [details]
Here's some screenshots to hopefully make it a bit more clear. The top item in the menu is the cause - its "abcdefghijklmnopqrstuvwxyz" with a <wbr> stuck in the middle. Firefox has implemented <wbr> and the word breaks in two. We don't, but it's not really that big of an issue, just a bit of chopped off text.
The issue is that it causes an extra line break to be added to the container - the blank space between the last item in the list and the bottom border you can see through. This doesn't happen in Safari 2.0.4 or Firefox.
Created attachment 13042 [details]
Bumping to P2 after talking about it on IRC with Maciej.
The patch attached to bug 7452 fixes this one as well.
Committed revision 21405.