CSS navi mit visibility, brauche dringend hilfe.

[suit]

html:

ich würde sagen, das sieht nur aus wie html

<table width="400" border="1">
  <tr>
    <td>headline</td>
  </tr>
  <tr>
    <td>
<a class="kontakt" href="#">
   <ul>
     <li>text 1<span style="margin-left:-30px;">link 1</span></li>
     <li>text 2<span style="margin-left:-30px;">link 2</span></li>
     <li>text 3<span style="margin-left:-30px;">link 3</span></li>
      </ul>
   </a>
</td>
  </tr>
</table>

das funktioniert auch recht gut, aber wenn ich die links jetzt in ein <a>-tag setze spinnt das ganze system.

das sieht vielleicht aus wie gewünscht, es ist aber höchst defekt

ein in einem a-element darf kein ul-element vorkommen