Component likely incorrect; selected layout due to possible related problem (see bottom of bug) 1. Go to URL 2. Get link select-box (I'm sure there's a proper name for this!) to display on left menu items (first-level, with big arrow): a) click-release on link, then hit esc quickly (so does not go to page!), or b) cycle through with tab, or c) click on link, drag away, let go; box is visible (text is highlighted too) Expected result: Select-box (dotty line around link-active region) is combination of rectangles around image and text link, or (less good), bounding box of image and link. Actual result: Select-box is as if link is around text only, then extended to the left to cover image: top half of image is not in select-box. Actually, click-dragging on image part part of link shows no select-box! This might be related to valign issues; set border of (menu item bullet) to large (eg 10) and the text is aligned with the bottom of the image (image still valigned in cell correctly). Or is this just my lack of knowledge of html...either way the text is slightly shifted down from what appears to be the 'centre'...

This is just because the border of the <a> does not include the <img> (nor should it). Should we use a different method of drawing the focus outline?

Are you saying that we should accept that the focus-outline (?) is completely the wrong shape in: 1. Go to URL 2. Hit <tab> twice 3. [Fresco graphic is focus'ed] (focus outline is only (presumably) text height? Is this 'OK'?) What about (possibly a different bug, or not a bug at all) the v-alignment of the text? If you boost up the border of the img, and raise the td height, then it looks something like: | |### |### |### text | So the td valign creates a 'box', which the img and text sit within. If this is as required, how is it possible to achieve the following, otherwise (with the img and text still in the <A>): | |### |### text |### | ...apart from just using a table, which is overkill for this one element. AFAICT this seems the desirable layout for all bullets too; set your font size as very tiny, and see the radio buttons, etc. look like: ### # # ### text ...which looks wrong (IMHO).

attaching a reduced test case -- reporter, can you look at the test case and tell me if this is the actual issue you are talking about. In the test case, there is a link with a nested image. I have set the background color of the anchor to a pale yellow, and a border around the anchor so it is easier to see. The second image is what I think you may be asking to have happen, or what you think should happen, where the anchor completely borders the image.

Setting to P4, minor and future, will readdress this in hte final round of triage

Confirmed: the test cases show the issue I reported.

*** Bug 152093 has been marked as a duplicate of this bug. ***

Can someone please change this bug's summary? The current one makes it hard to find, and it's confusing even if it is found. Replacing "select-box" with "focus outline" would be a good start, but how about: "focus outlines and borders for anchors are not always the true perimeter of the linked area". I mean, that's what the report is about, right? (At least the focus outline part.) See also Bug 152093. What an ugly deal, one focus outline for each bit of linked content all in the same anchor... I suspect this will be marked invalid because the border is part of the box model, so it's not like it can be moved around; and comment 2 indicates drawing the focus outline is based on drawing the border; so...

Marking duplicate of a later bug with more details about the problem and proposed solution. *** This bug has been marked as a duplicate of 133165 ***