Markus: Seltsamer Fehelr

Beitrag lesen

Hallo leute !
Vielleicht kann mir jemand von euch erklären warum folgendes CSS nicht funktioniert wie es soll:

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">

<html>
<head>
 <style type="text/css">
 <!--
  body {
   margin : 0px;
  }

.headtd {
   border-bottom: 1px solid #666666;
   border-right: 1px solid #666666;
  }

.navtd {
   border-bottom: 1px solid #666666;
   border-right: 1px solid #666666;
   font-family: Verdana;
   font-size: 10px;
   font-style: normal;
   font-weight : bold;
   color: #666666;
   height: 24px;
   width: 159px;
  }

a:link {
   text-decoration: none;
   background-color:#FFFFFF;
   color: #666666;
   height: 24px;
   width: 159px;
  }

a:hover {
   text-decoration: none;
   background-color:#d9d9d9;
   color: #666666;
   height: 24px;
   width: 159px;
  }

a:visited {
   text-decoration: none;
   background-color:#FFFFFF;
   color: #666666;
   height: 24px;
   width: 159px;
  }

div {
   padding: 5px;
  }

-->
 </style>
</head>
<body>
 <table cellpadding="0" cellspacing="0">
 <tr>
  <td class="headtd"><img src="gfx/gui.jpg"></td>
 </tr>
 <tr>
  <td class="navtd">
   <a href="FieldViewer" target="content"><div>Schema Felder</div></a>
  </td>
 </tr>
 <tr>
  <td class="navtd">
  <div>Punkt 2</div>
  </td>
 </tr>
 <tr>
  <td class="navtd">
  <div>Punkt 3</div>
  </td>
 </tr>
 <tr>
  <td class="headtd"><img src="gfx/andere.jpg"></td>
 </tr>
 <tr>
  <td class="navtd">
  <div>Punkt 4</div>
  </td>
 </tr>
 <tr>
  <td class="navtd">
  <div>Punkt 5</div>
  </td>
 </tr>
 </table>
</body>
</html>