border and xhtml 1.1

Hi, I would like to join 2 pictures on the same page without border between 
them. I try to do this but there is always space between pictures.

thanks for you help

Yoann

part of my page :

<table>
   <tr>
     <td>
       <img class="menu" src="menu01.gif" />
     </td>
   </tr>
   <tr>
     <td>
       <img class="menu" src="menu02.gif" />
     </td>
   </tr>
</tabke>

part of my style.css :

table.menu{
text-align: left;
vertical-align: top;
margin:0px;
border:hidden;
padding:0px;
}

tr{
color:#FFFFFF;
background-color:#000000;
border:hidden;
padding:0px;
margin:0px;
}

td{
color:#FFFFFF;
background-color:#000000;
border:hidden;
padding:0px;
margin:0px;
}

img.menu{
float: left;
text-align: center;
border:hidden;
margin:0px;
padding:0px;
}