link nel footer non funziona

[_*m3c4*_]

Salve a tutti!!
ho un problema nel footer: praticamente se io inserisco un link dentro il footer, è disattivo. Credo che sia un problema di css, ma non capisco proprio dove sbaglio....!

vi posto la parte di html interessata:

 <div class="footer">
    <span class="copyright">&copy; 2012 </span>pippo
</div>

e il css

html, body, div, span, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, abbr, address, cite, code, del, dfn, em, img, ins, kbd, q, samp, small, strong, sub, sup, var, b, i, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td, article, aside, canvas, details, figcaption, figure, footer, header, hgroup, menu, nav, section, summary, time, mark, audio, video {
  margin: 0;
  padding: 0;
  border: 0;
  outline: 0;
  font-size: 100%;
  vertical-align: baseline;
  background: transparent; }

html {
  -webkit-text-size-adjust: 100%;
  -ms-text-size-adjust: 100%;
   height: 100% }

body {
  font-family: "Trebuchet MS", Tahoma, Verdana, Arial, Helvetica, sans-serif; letter-spacing: -1px;
  background: #333 url(../img/bg.gif);
  font-size: 0.875em;
  line-height: 1.3; 
  height: 100%}
    
a {
  color: #207e7e;
  font-weight: bold; 
  text-decoration: underline; 
  outline: none; }
a:link {
  -webkit-tap-highlight-color: transparent; }
      
.table-view {
    background: #7c8080; /* colore grigio sfondo */
     }
.table-view li {
    border-top: 1px #878b8b solid;
    border-bottom: 1px #333 solid;
    }
.table-view .even {
    background: #a2a7a7;
    }
.table-action li {
    position: relative;
    }
.table-action a {
    color: #e6edee;
    display: block;
    padding: 0.5em 0.78em 0.714em;
    position: relative;
    text-decoration: none;
    text-shadow: rgba(0,0,0,0.4) 0 -1px 1px;
    }
.table-action h2 {
    color: white;
    font-size: 1.28em; /*18px / 14px */
    width: 82%
    text-overflow: ellipsis;
    overflow: hidden;
    white-space: nowrap;
    }
.table-action .argomento {
    font-weight: normal;
    }
.table-action .freccia {
    background;: #333;
    border: 1px #333 solid;
    -webkit-border-radius: 0.143em;
    -moz-border-radius: 0.143em;
    border-radius: 0.143em;
    color: #207e7e;
    font-weight: bold;
    position: absolute;
    padding: 0.214em 0.429em;
    right: 2.5em;
    top: 50%;
    margin-top: -1.1em;
    }
.table-action a:after {
    
    content: url(../img/freccia.png);
    margin: -0.82em 1em 0 0;
    overflow: hidden;
    position: absolute;
    top: 50%;
    right: 0; }
    .svg .table-action a:after { }

.header {
  text-shadow: rgba(0, 0, 0, 0.4) 0 -1px 1px;
  background: url(../img/header_.png) center no-repeat;
  color: #207e7e;
  font-weight: bold;
  letter-spacing: 0.15em;
  text-align: center;
 /* text-transform: uppercase; */
  padding: 0.9em 0.8em 0.75em;
  position: relative; }
 .header h1 {
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap; 
    font-size: 1.2em;}
 .header .back {
    text-shadow: rgba(0, 0, 0, 0.4) 0 -1px 1px;
    -webkit-border-radius: 0.286em;
    -moz-border-radius: 0.286em;
    border-radius: 0.286em;
    -o-box-shadow: rgba(255, 255, 255, 0.2) 0 1px 1px 0 inset;
    -webkit-box-shadow: rgba(255, 255, 255, 0.2) 0 1px 1px 0 inset;
    -moz-box-shadow: rgba(255, 255, 255, 0.2) 0 1px 1px 0 inset;
    box-shadow: rgba(255, 255, 255, 0.2) 0 1px 1px 0 inset;
    font-family: "HelveticaNeue", arial, helvetica sans-serif;
    background: #207e7e;
    border: 1px #333 solid;
    display: yes;
    color: white;
    font-size: 1em;
    font-weight: bold;
    letter-spacing: 0;
    padding: 0.4em 0.6em 0.5em 0.6em;
    position: absolute;
    text-decoration: none;
    text-transform: none;
    top: 0.4em;
    left: 0.5em;
    -webkit-background-clip: padding-box; }
    .standalone .header .back {
      display: block; }

.page-home form {
  background: #7c0c18;
  border-top: 1px #8c2a34 solid;
  padding: 0.65em 0 0; }
.page-home fieldset {
  padding-left: 0.5em;
  padding-right: 0.5em; }
.page-home label {
  text-shadow: rgba(0, 0, 0, 0.4) 0 -1px 1px;
  color: white;
  display: block;
  font-size: 0.75em;
  position: relative;
  font-weight: bold;
  letter-spacing: 0.15em;
  text-transform: uppercase; }
.page-home input {
  -webkit-border-radius: 0.286em;
  -moz-border-radius: 0.286em;
  border-radius: 0.286em;
  background: #e1cece;
  border: 1px #3c0603 solid;
  display: block;
  font-size: 1.3em;
  margin: 0.3em 0 0.5em;
  padding: 0;
  height: 2em;
  width: 96%;
  padding: 0.3em 2%;
  -webkit-background-clip: padding-box; }
  .page-home input:focus {
    background: white; }
.page-home input::-webkit-input-placeholder {
  color: #856969; }
.page-shome input:-moz-placeholder {
  color: #856969; }

#formSearch {
  zoom: 1;
  border-top: 1px #333 ridge;
  padding: 0.55em 0.5em 0.6em;
  font-size: 1em; }
  #formSearch:before, #formSearch:after {
    content: "\0020";
    display: block;
    height: 0;
    overflow: hidden; }
  #formSearch:after {
    clear: both; }
  #formSearch input {
    -webkit-border-radius: 0.286em;
    -moz-border-radius: 0.286em;
    border-radius: 0.286em;
    background: #e8e8e8;
    border: 1px #333 solid;
    font-size: 1em;
    margin: 0;
    height: 2em;
    width: 100%;
    -webkit-appearance: caret; }
    #formSearch input:focus {
      background: white; }
  #formSearch input::-webkit-input-placeholder {
    color: #373737; }
  #formSearch input:-moz-placeholder {
    color: #373737; }
  #formSearch fieldset {
    float: left;
    position: relative;
    width: 76%; }
  #formSearch button {
    text-shadow: rgba(0, 0, 0, 0.4) 0 -1px 1px;
    -webkit-border-radius: 0.286em;
    -moz-border-radius: 0.286em;
    border-radius: 0.286em;
    -o-box-shadow: rgba(255, 255, 255, 0.2) 0 1px 1px 0 inset;
    -webkit-box-shadow: rgba(255, 255, 255, 0.2) 0 1px 1px 0 inset;
    -moz-box-shadow: rgba(255, 255, 255, 0.2) 0 1px 1px 0 inset;
    box-shadow: rgba(255, 255, 255, 0.2) 0 1px 1px 0 inset;
    font-family: "HelveticaNeue", arial, helvetica sans-serif;
    background: #207e7e;
    border: 1px #333 solid;
    color: white;
    float: right;
    font-size: 0.857em;
    font-weight: bold;
    height: 3em;
    letter-spacing: 0.15em;
    margin: 0;
    width: 22%;
    -webkit-background-clip: padding-box; }

.footer {
  zoom: 1;
  background: #333 url(../img/bg.gif);
  color: #207e7e;
  padding: 1em 0.785em 1em; 
  height: 50px; 
  clear: both;
  display: block;} /* Questo rende la classe a cui è applicato come se fosse un blocco unico e si prende tutta una riga solo per lui. */
.footer:before, .footer:after {
     content: "\0020";
    display: block;
    height: 0;
    overflow: hidden;}
.footer:after {
    clear: both; }
.footer .autenticato {
    float: right; }
.footer .copyright {
    float: left; }
.footer a, .footer a:active {
    display: block;
    color: #207e7e;
    padding: 0.5em 0.78em 0.714em;
    position: relative;
    text-decoration: none;
    text-shadow: rgba(0,0,0,0.4) 0 -1px 1px;
    }
.wrapper {
  position: relative;
  z-index: 1;
  width: 100%;
  overflow: hidden;
  min-height: 100%;
  height: auto;
  height: 100%;
  margin: 0 auto -50px;  }

grazie a tutti!

[_*m3c4*_]

Ho notato che selezionando con il mouse tutto il body, sembra che questo copra parte del footer, proprio dove ci sono i miei link.

probabilmente poiche ho previsto di mandare giu il footer, proporzionalmente a fine finestra.

pero se levo questo avro il footer a meta pagina......!!!!

Help mE!

[giandox]

Perdonami, ma a me va. Ho copiato pari pari in un nuovo file e il link con la mail funziona.

[_*m3c4*_]

la mia pagina html è
<body>
<div class="wrapper">
<div class="header">
</div>
</div>

cosi definita, il wrapper mi copre parte del footer, impedendomi di cliccare nei link.