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 minimized 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 the same as other browsers I tested with do it.
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 minimized 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 minimized anchor tag. (<a name="Myname" />)
This is some more text. It is after all the anchor tags.
After a link, it returns to normal...
Related issue?
This text is considered "inside" the Anchor element that it follows.
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 test is outside of the two divs.
After a link, the anchor is closed.