Why are href tag attributes printed on the screen?

Question

Possible duplicate:
Hyperlinks showing URLs with a plan

DOM:

<div id="menu"> <ul> <a href="#">Home</a> <a href="/contacts">Contact List</a> <a href="/album">Event Album</a> </ul> </div> 

Looks weird, why are href printed?

  /* Menu */ #menu{ width:400px; height:50px; margin:10px auto; border:solid 1px #313131; background:#ffffff; overflow:hidden; } /*------ MENU ------*/ #menu ul{ list-style:none; } #menu ul a{ text-decoration:none; } #menu ul a:hover{ color:#7878ff; } 

Answer 1

It looks like you can capture print.css for the screen. Make sure your media types are installed correctly.

Answer 2

Make sure the media attribute of your link element is set to print

 <link rel="stylesheet" href="App_Themes/Default/print.css" type="text/css" media="print" /> 

The CSS that is responsible for this looks something like this:

 a:link:after, a:visited:after {content:" (" attr(href) ")";font-size:90%;}