Bottom-border link incomplete

Why doesn't it extend all the way?

[Rad1]

Hi.

Registered solely to post this question. Having a problem with bottom-border links (dotted) in one particular section (div).

Notice white 'CheckCost' graphic on right side here:

<snip>

.. how the bottom-border links (dotted) contained there don't extend all the way to end of the word. Occurs in all browsers I checked.

Any insight would be appreciated (started yanking hair).

CSS:

#checkcost {
font-family: Tahoma, Arial, Geneva, sans-serif;
font-size: 12px;
line-height: 1.3em;
color: #E8E8E8;
background: #181818;
padding: 6px 4px 8px;
text-align: center;
border-right: 10px solid #669999;
border-left: 10px solid #669999;
}

#checkcost a:link {
text-decoration: none;
color: #66BBBB;
border-bottom: dotted 1px #66BBBB;
display: inline;
background:#111;
font-size:12px;
}

specifics removed

Most of you here problably already know this stuff, but it took me lots of research to uncover, and I could find no single source of info. It might benefit others who find themselves in a similar situation. Here it be:

<snip>

[edited by: Rad1 at 8:55 pm (utc) on Mar. 8, 2009]

[edited by: swa66 at 11:40 pm (utc) on Mar. 8, 2009]
[edit reason] No personal links, see ToS [/edit]

[londrum]

if you resize your browser whilst looking at them, then you'll see that the other links are obscuring the dotted line. the links have got a background color, which is overlapping the line.

you can probably just do background-color:transparent, or lower their line-height.

[Rad1]

Wow. I woulda never caught that in a million years.

Thanks. You saved a lot of my hair.

I used the 'transparent' trick.

[londrum]

p.s. you might want to do the line-height one instead, because it still obscures the line when you hover over the ones below.

p.p.s. you might want to adust the contrast on your telly, because maybe you can't see the dark border that you've got around the links.

[Rad1]

Hi again.

Yes, I did notice the darker background for links .. made it that way on purpose .. for better contrast .. but changed it all to "#111".

Thought is was very subtle. Not for you?

I see what you mean about the obscuring on roll-over. You are good. Observant.

What do you suggest coding the line-height as? 1.3em is default-ish.

The obscuring on roll-over is a minor point I could live with.

[edited by: Rad1 at 11:01 pm (utc) on Mar. 8, 2009]