Layer

Dette burde gøre at hidelayer var usynlig men det gør det bare ikke
<html>
  <head>
    <title>CSS Visibility property</title>
    <style type=\"text/css\">
      <!-- /* Hide from browsers that don\'t support */

      #layerOne {
        position:        absolute;
        top:              100;
        left:            200;
        background-color: yellow;
      }

      #showLayer {
        position:        absolute;
        top:              25;
        left:            25;
        visibility:      show;
        background-color: orange;
      }

      #hideLayer {
        position:        absolute;
        top:              50;
        left:            50;
        visibility:      hide;
        background-color: lightblue;
      }

      #inheritLayer {
        position:        absolute;
        top:              75;
        left:            75;
        visibility:      inherit;
        background-color: salmon;
      }

      -->
    </style>
  </head>
  <body>
    <span id = \"layerOne\">
      <p>This layer is the parent.</p>
      <span id = \"showLayer\">
        <p>This layer is visible.</p>
      </span>
      <span id = \"hideLayer\">
        <p>This layer is invisible.</p>
      </span>
      <span id = \"inheritLayer\">
        <p>This layer inherits its visibility.</p>
      </span>
    </span>

  </body>
</html>

er der nogen der kan fortælle mig hvordan.