"The Always With You mobile handsets will be able to carry about a dozen iTunes songs downloaded from a PC or Macintosh starting in the first half of next year."

That's like the dark ages of CDs.

CSS is eating my brain. I have styled my links thusly:

a { color : #000000; background-color : transparent; text-decoration : none; }
a:link, a:visited { border-bottom : 1px dotted #000000; }

All the text looks just fine. But I have a picture that is a link, that's in a div styled thusly:

#picture { border: none; }

Whis is in a div styled thusly:

#pictureblock {
text-align:center;
margin:0px auto;
border-width: thin;
border-style: groove;
border-color: black;
}

I'd hoped the border:none would get rid of the underline, but not. My hierarchy seems off. I want to accomplish this change in the CSS, not in the HTML, since I'm sharing the HTML. What am I missing?

ReplayTV 40-hour DVRs from $40 (updated)** - 9:59 am

http://dealnews.com/newsdaily.html?article,77315

Digital Networks' ReplayTV Outlet Store has the factory-refurbished ReplayTV RTV5504 40-hour Digital Video Recorder for $99.99. A $10 off coupon code ("PW55A4N") and $50 mail-in rebate combine to yield a net price of $39.99. Shipping is free. It's the lowest total price we've seen, although Amazon.com has the same unit, new and factory-sealed, for $104.99 shipped before the rebate, $54.99 after. Offer ends December 31. Update: Amazon.com cut its price the new ReplayTV RTV5504 40-hour to $99.99 before a $50 mail-in rebate, $49.99 after, with free shipping. Also of note, TiVo's competing model costs the same after rebate.

ita, try adding

a#picture { border:none; }

So...Apple sues to stop product leaks.

[link]

That doesn't work, amych. I also tried

a.picture:link { border-style : none}

and

a:link#picture { border-style : none}

and

a#picture:link { border-style : none}

and

a:link.picture { border-style : none}

and even

a.picture { border-style : none}

While I was at it, but nothing. Still bordered.

You're right. That's what I get for suggesting off the top of my head.

Try

#picture a { border: none; }

Which works in Firefox/Win2K. Haven't played with it in any other browsers.

Bless you! One of these days I'll read the entire CSS spec in order. I'm sure I've covered it by bits and pieces, but inheritance just never sticks that way.

To think it was just two characters off from where I was.

Now my page is all tidy and stuff.

I've read it, and I still have to look shit up when it gets at all complicated.

I've just done a three browser check (Opera, Firefox, and IE) and they all display the picture correctly without the dotted bottom border. Seems that IE also loses the border on the text in the picturebox div, but I really don't care.

Something I dropped into the code that I never had before -- link rel navigation attributes. I don't know if other browsers care, but in Opera I can now move to the next page in the series with a mouse gesture, instead of having to click on anything.

You mean prev, next, that kind of thing? Cool.