Ciao a tutti,
sto modificando un sito per renderlo responsive perché mi succede una cosa strana: se sposto il div con dentro i link da un'altra parte non diventano più selezionabili. Secondo voi cosa potrebbe essere ?
Ho già controllato che non ci siano trasparenze sovrapposte tramite "ispeziona elemento" del browser.

codice HTML:
<div id="small_menu">
<table >
<tr>
<td><a href="chi_siamo.php">Chi siamo |</a></td>
<td><a href="negozio.php"><span style="color:green;"> Spesa online</span> | </a></td>
<td><a href="https://www.facebook.com/alfrutteto.diferri?fref=ts" target="_blank"><img style="width:25px" src="immagini/fb.png"> </a></td>
<td><a href="https://plus.google.com/103244533753831586372"  rel="publisher" target="_blank"><img style="width:25px" src="immagini/g+.png"> </a></td>
</tr>
</table>
</div>
css pagina desktop:
codice:
 div#small_menu{
  text-align:left;
  font-size:18px;
  height: 50px;
  line-height: 50px;
  width: 320px;
  float:right;
  }
css pagina smartphone:
codice:
 div#small_menu{
  text-align:left;
  font-size:18px;
  height: 50px;
  line-height: 50px;
  width: 100%;
  float:left;
  clear: both;
  margin:10px;
  }