My Title

The inline style for this test is:
A { color: #999966; text-decoration: none; font-weight:bold; }
A:link { color: #000099; text-decoration: none; }

This shows an unwanted style attaching to elements after a self-closing A tag (no corresponding end tag, but / as the last property of the tag to close it). The inspector shows all elements until the next A tag as inside an unclosed anchor. While this seems wrong (and in the inspector it's clearly wrong), it's wrong in the same as other browsers I tested with.

The second issue shows odd behavior. The "parent" Anchor is closed if another A tag is in the div one level below the anchor. The "grandparent" Anchor is not closed in the second case if the element that would close it is in a div inside a div.

The best way to see what's happening is to use the inspector. Most browsers that I checked exhibit the same behavior on a self-closing A tag, but apparently only Safari and Konquerer have the "two divs deep" problem. This is a reduction of a problem observed on a Movable Type blog in the wild.

Test One: This text is before a normal anchor with link. (<a href="http://www.apple.com">Apple</a>)
Apple
This text is before a self-closing anchor tag. (<a name="Myname" />)

This is some more text. It is after all the anchor tags.

After a link, it returns to normal...

This text is inside a div. It has a link to Apple

After a link, the anchor is closed.

Now we do the same thing, except we have a nested div...

This text is considered "inside" the Anchor element that it follows.

This text in the outermost of two divs is also inside the anchor element.

Apple

The text in the innermost of two divs does not close on the basis of the anchor tag in Safari and Konquerer only (as of my last tests).

This text is outside of the two divs. Safari/Konquerer (again, as of my last tests) shows this as inside the unclosed anchor, but IE/Moz don't.