Untitled

<head>
  <style type="text/css">
     #nav1:hover,#nav2:hover,#nav3:hover,#nav4:hover,#nav5:hover,#nav6:hover,#nav7:hover,#nav8:hover,#nav9:hover{
      border:1px #999999 solid;
      box-shadow:0px 0px 10px #999999;
    }

    #nav1,#nav2,#nav3,#nav4,#nav5,#nav6,#nav7,#nav8,#nav9{
      border-radius:3px;
      border:1px #B8B8B8  solid;
    }
     td{
            text-align: center;
        }
        table{
            margin-left:auto;
            margin-right:auto;
        }
  </style>
</head>
<body>
   <script type="text/javascript">
     function GetSize() {
        var Table_Start = document.getElementById("Table_Start");
        alert("Width : " + Table_Start.width + " | Height : " + Table_Start.height);
    }
 </script>

 <table style="width: 100%; height: 100%; " id="Table_Start">
        <tr>
            <td class="auto-style11" style="width: 30%; height: 30%">
       <img alt="Failed to load Quick Nav #1" src=""
           style="position: relative; top: 0px; left: 0px; height: 90%  ; width: 90%; cursor: pointer" id="nav1" /></td>
            <td class="auto-style11" style="width: 30%; height: 30%">
       <img alt="Failed to load Quick Nav #2" src=""
           style="position: relative; top: 0px; left: 0px; height: 90%; width: 90%;cursor: pointer" id="nav2" /></td>
            <td class="auto-style11" style="width: 30%; height: 30%">
       <img alt="Failed to load Quick Nav #3" src=""
           style="top: 0px; left:0px ; height: 90%; width: 90%; text-align: center;cursor: pointer" id="nav3" /></td>
        </tr>
        <tr>
            <td class="auto-style7" style="width: 30%; height: 30%">
       <img alt="Failed to load Quick Nav #4" src=""
           style="position: relative; top: 0px; left: 0px; height: 90%; width: 90%;cursor: pointer" id="nav4" /></td>
            <td class="auto-style5" style="width: 30%; height: 30%">
       <img alt="Failed to load Quick Nav #5" src=""
           style="position: relative; top: 0px; left: 0px; height: 90%; width: 90%;cursor: pointer" id="nav5" /></td>
            <td class="auto-style11" style="width: 30%; height: 30%">
       <img alt="Failed to load Quick Nav #6" src=""
           style="position: relative; top: 0px; left: 0px; height: 90%; width: 90%;cursor: pointer" id="nav6" /></td>
        </tr>
        <tr>
            <td class="auto-style8" style="width: 30%; height: 30%">
       <img alt="Failed to load Quick Nav #7" src=""
           style="position: relative; top: 0px; left: 0px; height: 90%; width: 90%;cursor: pointer" id="nav7" /></td>
            <td class="auto-style9" style="width: 30%; height: 30%">
       <img alt="Failed to load Quick Nav #8" src=""
           style="height: 90%; width: 90%; position: relative; top: 0px; left: 0px;cursor: pointer" id="nav8" /></td>
            <td class="auto-style11" style="width: 30%; height: 30%">
       <img alt="Failed to load Quick Nav #9" src=""
           style="position: relative; top: 0px; left: 0px; height: 90%; width: 90%;cursor: pointer" id="nav9" /></td>
        </tr>
  </table>
  <input id="TestTableSize" type="submit" value="Test table size (Developer only)" onclick="GetSize()" />
  </body>