Tabla sin bordes y delgada...

[scrolling]

Hola, estoy intentando poner un menu pequeño abajo de mi pagina y para ese menu hice una tabla, la cual tiene el siguiente codigo:

Código:

 <table id="tabla_menu">
    <tr>
     <td>
      <img src="Imagenes/arriba_izquierda_menu.png" border="0" />
     </td>
     <td id="arribamenu" colspan="5" background="Imagenes/arriba_menu.png">
     </td>
     <td>
      <img src="Imagenes/arriba_derecha_menu.png" />
     </td>
    </tr>
    <tr>
     <td background="Imagenes/izquierda_menu.png">
 
     </div>
     <td id="atras">
     </td>
     <td class="separadores">&nbsp;|&nbsp;</td>
     <td id="indice">
     </td>
     <td class="separadores">&nbsp;|&nbsp;</td>
     <td id="adelante">
     </td>
     <td background="Imagenes/derecha_menu.png">
 
     </td>
     </tr>
     <tr>
     <td>
      <img src="Imagenes/abajo_izquierda_menu.png" border=0 />
     </td>
     <td  colspan="5" background="Imagenes/abajo_menu.png">
     </td>
     <td>
      <img src="Imagenes/abajo_derecha_menu.png" border="0" />
     </td>
 
    </tr>
   </table>

El estilo de la tabla es este:

Código:

tr, td, table {
padding: 0px; margin: 0px; border: 0px; border-collapse: collapse;
}

Esto para que supuestamente no se vean los bordes... El problema nada mas esta en Internet Explorer, las imagenes son las siguientes:

La tabla con bordes tiene la siguiente esctructura en firefox:



Y sin bordes en firefox se ve asi:



En Internet Explorer la estructura con bordes es asi:



En esa parte de las X es donde Internet Explorer la hace mas alta de lo que deberia ser... Ya intente incluso poner un espacio en blanco de tamaño de un pixel dentro de esas celdas, pero aun asi sigue poniendola asi de alta...

En Internet Explorer sin bordes se ve asi:



Alguien sabe como podria lograr que en Internet Explorer se vea igual que en firefox??? Las imagenes de los triangulos y el cuadrado las agregue con JavaScript, por eso no estan en el codigo...

Gracias!!!!!!! Saludos!

[Snd234]

Alinea las imagenes, por ejemplo.
La primera imagen, de la esquina superior derecha, alineala bottom-left
La segunda imagen, el borde superior, alineala bottom-center
La tercera, de la esquina superior izquierda, alineala bottom-right
La cuarta imagen, el borde de la izquierda, alineala left-center
... Y asi sucesivamente...
Ademas de ponerle el atributo correspondiente para que no se repitan... (background-repeat: no-repeat;)

[scrolling]

Ahhh gracias! :D tenias razon ahora ya se ve bien en los dos.

Saludos!